Google optimize preview link does not work - google-optimize

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

Related

Wordpress. Images not showing up in Google Chrome

So if you take a look at the website I am currently developing.
Particularly in the footer section of the website.
http://yourfitrepublic.com/
In Google Chrome, I am not able to see my picture in footer, but the rest are shown(they come with the template) It all is displayed in Safari for instance, but not in Chrome.
So the problem is with the pictures I have uploaded via ftp.
I have tried, disabling all of my extension, launching in incognito mode, checking the permissions, javascript and images are enabled too ... nothing helps.
Any suggestions?
P.S. If you paste this link in Safari, it will display and image, but not in Chrome, or Firefox.
http://yourfitrepublic.com/wp-content/uploads/2015/11/biceps-right.png
I am developing a child theme from Cherry Framework.

Loading user or custom CSS to a running website. on IE for restyling

I am involved recently in a project to restyle a certain published website. I have no access to the code and the CSS files. what I can to do is to load my custom local CSS as a new "user stylesheet" into firefox or chrome using the extension Web developer toolbar which is available on chrome, opera and firefox.
For a reason, "Web developer toolbar" offer a great feature called [Add User Style Sheet] which enable me to load my local CSS and tweak it using firebug to restyle the page as needed.
but of course some tweaks are necessary to do over IE and there is no tool like "Web developer toolbar" over IE. I know there is a way to load a user style sheet from Internet options > accessibility. but it is very dummy, specially when switching from various IE versions using the built-in IE developer tool. and of course that user style sheet will be active only when restarting IE!! ... so it doesn't make sense doing modification on my CSS and restart to see the affected modification !!
Until the time we decide to eliminate IE forever, I am wondering. if there is a way/tool to load my custom CSS over IE and tweak it from outside IE and just reload it? or by refreshing the page[F5]?
Thank in advance.
It wont be easy or quick but the best solution for you r problem would be to do your css styling with IE code inspector. I know its not as good as Firefox or chrome but you will at least be able to see what works and what doesn't. You can ofcouse copy and paste directly out of IE code inspector into your stylesheet but if you refresh you would have to insert all the new styles again.

Webcams on Wordpress site not showing up in IE

A client of mine has an issue with their website. The site has several webcams that are linked via an image tag. The webcam images does not show up in IE. I'm not sure how to properly display the webcam images. Any help would be appreciated.
I believe that for IE you have to use the Axis Media Control
see here (http://www.axis.com/hosting/faq.htm)
Q: When I try to view the camera images, I get a warning alert from Windows. What can I do?
A: For Internet Explorer, the default viewer is AXIS Media Control (AMC) which is an ActiveX component that needs to be installed. You can change the viewer settings to Javascript, or use another browser (e.g. Google Chrome, Mozilla Firefox or Safari) that does not require any installations
also here :
http://ask.metafilter.com/187212/MJPG-in-IE

css fix for chrome, and other web browsers

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.

Javascript for Google Chrome detecting & Enable javascript in Google Chrome

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...

Resources