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).
Related
I set up an e-commerce website using Wordpress but can't see some of my product images in Mozilla Firefox but they are all visible in chrome. Why is this happening? Is it something to do with the images or browser?
First check the format of images you are using as a thumbnail because google chrome supports more image formats than Mozila. As troubleshooting instructions you should also check the version.
Note: Many site issues can be caused by corrupt cookies or cache.
Clear the Cache and Remove Cookies ( This will log you out of sites you're logged in to. ).
I am working on a application which embeds tableau report in iframe. It runs perfectly on all browsers other than safari. As shown in the 2nd image it shows that error "Refuse to display.." but I have changed all the setting and added X-Frame-Options in my header like this
HttpContext.Current.Response.Headers.Remove("X-Frame-Options");
Response.AddHeader("X-Frame-Options", "ALLOWALL");
After adding this in response header it shows X-Frame-Options = AllowAll show in in image 2 but it gives same "Refuse to display error.."
Please let me know where I am going wrong. Please help me. For more info you can read
[link] Tableau Reports not showing in iPhone and iPad in asp.net application
I have found out that if you are accessing embedded tableau views in safari or any other browser. If they give the the same error as me shown above. Then You have to check your browser preferences. You need to allow third party cookies to view those embedded views in your application in any device. Here is the link where I found my answer.
http://onlinehelp.tableau.com/current/server/en-us/trusted_auth.htm
I am using iFrame to load a url in a popup within a page.I want log in to the website and perform some operations.
All this happens in the same page within an iFrame in a modal.
Except IE all browsers work fine.But in IE after one or two steps the the website is directed to the home page.
I am not able to find why this is happening.
Any help is appreciated.
IE is know to be different, but I wont get into that old debate here.
Since you are logging in from an iFrame, there may be something regarding session variables which is making it fail.
Session in Iframe working in Firefox but not in Internet Explorer
Other than that, I suggest debugging using debug bar to see what type of XHR requests are being made, and then determine the exact point of failure.
I am looking for a fix for styling a webpage that so that a webpage on google chrome, will look the same as it does on firefox, meaning, is there some syntax in css to make all of the web browsers look the same. does this exist (I would also like one for I.E., and any other web browser if it exists if it exists)
Google Chrome uses a different rendering engine than Internet Explorer/Firefox, so may display web pages differently. Apple Safari uses the same rendering engine as Google Chrome (WebKit) and should display pages the same way.
If your site isn't rendering properly in any browser, make sure your HTML and CSS are valid by testing them at http://validator.w3.org/.
If your site doesn't render properly in Google Chrome or Apple Safari, file a bug at webkit.org as described at http://webkit.org/quality/reporting.html.
If your site renders properly in Apple Safari but not in Google Chrome, please file a bug against Google Chrome at http://code.google.com/p/chromium/issues/list.
How can I test my website in Google Chrome?
There are several tools to help you test your website in Google Chrome:
Web Inspector
Right-click on any component on a web page to launch the web inspector. You'll be able to see the elements and resources associated with the component on which you clicked, including a hierarchy view of the DOM and a JavaScript console.
Task Manager
Select the Page menu icon, then Developer > Task Manager (or press Shift+Esc). The task manager shows all running Google Chrome processes, and the resources that they're using (memory, CPU, and network).
JavaScript Debugger
Select the Page menu icon, then Developer > Debug JavaScript. This launches a JavaScript debugger that can be used to attach to existing processes.
I found the Answer. Being that I am using drupal, there is a built in IE fix for the theme that I am using (fusion) that creates separate css files (ie7.css, ie8.css, etc). using these, I can adjust what I need for IE specifically.
Most layout problems with decent browsers are cause by invalid HTML, invalid CSS, or misunderstanding what a particular piece of CSS is actually supposed to do.
In general, when I see a difference between FF and Chrome, it is because Chrome is doing the proper thing and FF just happens to be rendering some invalid CSS fine. 99% of the time, I can fix the CSS and get FF and Chrome to render the same.
The remaining times, I typically browser sniff and use jQuery to fix the problem.
My application's JavaScript is working on Firefox and IE but it is not working in Google Chrome. Is it problem of enable javascript in Google chrome? or I must put any code in javascript for getting XMLHttpRequest Object of Google chrome browser.
If the code works in two other browsers but not in Chrome, you need to look at the code for your "ajaxFunction" because that is apparently what is giving Chrome a headache. As #Artem mentioned, Ctrl+Shift+J will bring up the Javascript Console (switch it to the "Scripts" tab) and you can easily examine any errors.
Google Chrome's Javascript engine interprets JS very similarly to the other browsers mentioned. What is it that doesn't appear to be working?
There is a Javascript Console in Chrome, press Ctrl+Shift+J to open it and check for errors.
Is this question related to this problem? Problem could be that .NET thinks you're using the Safari Browser instead of Chrome...