I am working on my website and noticed an error that I cant figure out that deals with Feature Policy.
In Google Chrome, I do not receive the error but in Safari I do.
"Feature policy 'Fullscreen' check failed for iframe with origin 'https://www.youtube.com' and allow attribute ''."
I went and added "allow="autoplay; fullscreen"" to all of my youtube iframes but this has not solved the issue. Can anyone point me in the right direction?
I have also used allowFullScreen and allowFullScreen='allowFullScreen'
Enable "Develop menu" in Safari settings
From the menu bar open "Develop" > "Experimental Features" > "Reset All to Defaults" (scroll to the bottom to see it)
Quit Safari (command + Q) and open it again and check if you error is fixed.
You may receive a prompt related to fullscreen permission, grant it.
Related
Google optimize preview link does not show me the correct experience/Variation on my browser, instead shows the control version.
Google Optimize preview has some limitations: It only works on Chrome & Safari.
To make sure it works on chrome incognito: you have to disable
“Block third-party cookies”
Or use “Guest mode” in chrome so plug-ins won’t interfere with your
changes.
for Safari (go to Preferences > Privacy and uncheck “Prevent
cross-site tracking”) to use preview mode
I can't preview my Google Optimize experience. Google optimize throws below error:
This happens to me quite often too. The suggestion Google gives is wrong. Clearing cookies and restarting the browser does not fix it. Sometimes rebooting does, but that's a huge disruption.
What I found to work pretty reliably is to end the preview (dropdown), then click the EDIT button to go to the editor. Come back to the setup page, then try Debug again. Debugger should work again.
This is how it worked for me:
In Chrome go to Clear Browsing Data (chrome://settings/clearBrowserData).
Make sure you select checkboxes Cookies and Cached images and files.
Submit the form by hitting the button "Clear data".
Go to preview experience.
For me it started working when I gave the Google Optimize plugin access to all pages (not just the page running the experience).
I think I've found a fix for this. Go to the top right corner of chrome (the three dots) Settings > Privacy & Security > Cookies & other data > and add the url in the bottom section called "sites that can always use cookies"
Example
There can be multiple reasons.
Most obvious: enabled cookies like mentioned by others. should help
If it does not work even when cookies are enabled and you have restarted the browser then more chances are that the issue is in the Experience/Test that you are trying to preview. This can be due to:
A preview is already running in another tab. Turn off preview
2.You have set the experience to run on certain URL patterns and you are trying to preview on a page that does not qualify the criteria.
You have set some Audience rules which are not being met fully. For example: You have set the Audience Device type to mobile and you are trying to preview on a Desktop. Although Optimize will load the preview in a mobile mode but it will not be able to run the experience properly.
In my case the issue was due to wrong device type. I hope it helps.
It's also possible to get this "Unable to preview experience. Please make sure to enable cookies and restart the browser" error message if the content you're trying to modify doesn't exist when Optimize tries to modify it.
I had Optimize set to modify on page load, but the page I was working with was a form, where the text I wanted to modify didn't exist until I clicked through to the second step of the form (still on the same URL).
I was able to just run the study instead on another similar page that had all the text loaded at the start. I'd guess that setting Optimize to trigger from a custom event triggered upon loading the second step of the form instead of "on page load" would also have resolved the issue.
If you are using chrome then:
Click the context menu in the browser toolbar to the right of the
address bar.
Choose Settings.
Select/Search the "Security and Privacy" section.
Choose "Cookies and Other Site Data" Ensure that "Allow all cookies" is selected.
Over the past month the Follow widget have stopped working in major browsers.
I'm able to replicate and I have another user able to replicate, however for some users it works fine.
I've setup a test here: https://gleam.io/stuart-test
Neither of these buttons are clickable for me when logged into LinkedIn: http://recordit.co/CoCVu7CWd1
When logged out I see the Login Prompt just fine: https://dl.dropboxusercontent.com/spa/p0om8fe5anuc97l/fpya5qs_.png
As soon as I login the buttons disappear: https://dl.dropboxusercontent.com/spa/p0om8fe5anuc97l/f4nlhcqp.png
Refreshing I can see them, but they won't click.
There's some console errors: https://dl.dropboxusercontent.com/spa/p0om8fe5anuc97l/-i9j44ww.png Browsers tested: Latest Chrome OSX and Latest Safari (no plugins enabled)
You can just replicate the issue here:
https://developer.linkedin.com/plugins/follow-company
Type in Nike under Company/Page Name Click Follow Nothing happens on any browser for me, once logged in.
Anyone from LinkedIn able to fix it? Anyone else able to suggest workarounds?
This is part of the LinkedIn experience.
Inspired from:
"You're holding it wrong" - Read More
I have an issue with my CSP in Safari (works fine in chrome though). I get the following error in the console.
Refused to load
https://www.google-analytics.com/collect?v=1&_v=j47&aip=1&a=1433030850&t=pageview&_s=1&dl=https%3A%2F%2Flukasoppermann.com%2F&ul=en-us&de=UTF-8&dt=vea.re%20%7C%20interface%20design%2C%20print%20design%2C%20branding%20%26%20information%20graphics%20%7C%20visionary%20design&sd=24-bit&sr=1440x900&vp=1440x746&je=1&_u=SCCAAEYgI~&jid=&cid=655577951.1480085859&tid=UA-7074034-1&z=695879907 because it does not appear in the img-src directive of the Content
Security Policy.
I don't really get why safari wants to load it as an img. Any ideas? Thanks.
Because the tracking call to Google Analytics returns a 1x1 transparent gif. You can see this e.g. in the network tab of your browsers dev tools where the tracking call shows up as image (see the "type" column in the screenshot).
I have a weird problem on my GWT app in hosted mode. I did a "CTRL+F5" on my web page and since then, my app css didn't render anymore. Now, I have an ugly app with nothing more than labels and no styling elements even though I have verified that all resources (css, images and so on) are present.
Even weird fact, the app renders normally on Internet Explorer (never thought I would put IE and normally in the same sentence :D) but it's not working on Chrome and Firefox.
Has anybody already experienced this in dev mode ? It's getting me crazy ... please help ...
thanks in advance
"Ugly" page means that your css does not load anymore. IE possibly caches them so page still renders properly.
Use developer console on Chrome or firebug on Firefox to inspect loading of resources.
Chrome: right-click on any element -> Inspect Element -> select Network tab -> reload page