Local Testing of WebRotate 360 Viewer in Google Chrome and Opera on Your Computer | WebRotate 360 Blog

Local Testing of WebRotate 360 Viewer in Google Chrome and Opera on Your Computer

by WebRotate 360 May 25, 2012 11:42

There have been some new security developments with Google Chrome browser in that their latest releases do not want to load local files using asynchronious requests when testing pages locally on your computer (i.e when they are not loaded from the Internet or local web server). We do rely on such requests in our 3D product viewer to load viewer configuration xml files..

Note that it all works fine if the viewer is loaded online or from your local web server (ie localhost / 127.0.0.1).

Chrome has a special key that Google gives to web developers and testers to avoid this issue in their local testing. This is very simple to apply to your Chrome also. If you are on Windows, just go to your desktop, find Chrome's shortcut icon, make a copy of this shortcut for your webrotate tests and then right-mouse click on it and select Properties to bring up the Shortcut properties window. There's a Target field, so just add the following to the end of the target path right after the closing quote sign (add a whitespace as well): 

--allow-file-access-from-files  
 
Mine for example looks like this: "C:\Users\...\chrome.exe" --allow-file-access-from-files

 

 

It's bit more involved on Mac which we haven't tried yet but you can see how it can be done in this post.

 

[UPDATE: Sept 2014] - Note that when you launch your local previews in Chrome from inside WebRotate 360 SpotEditor (v3.5 and up, Windows version), we pass this key to Chrome automatically so you don't need any extra manual steps described above. Just make sure that Chrome is not running before you hit Publish in SpotEditor (unless it was also launched by SpotEditor).

 

Same restrictions have been recently introduced in Opera browser as well (again this is only applicable when testing your product spings locally, i.e when loading them from your computer hard-drive directly in your browser). To avoid these restrictions in Opera, follow these steps:

  • Type opera:config in the browser address box.
  • Navigate to User Prefs tab 
  • Check Allow File XMLHttpRequest
  • Click Save below.

 

[UPDATE: May 2015] - Opera has transitioned to WebKit/Chromium recently, so you can now use exactly the same steps with the shortcut / key as described above for Google Chrome to bypass the local restriction in Opera. We will update SpotEditor asap to automatically pass the --allow-file-access-from-files key to Opera as well if it's selected on Publish with the local browser preview.

 

Bookmark and Share

Powered by BlogEngine.NET 2.0.0.36
Theme by Mads Kristensen | Modified by Mooglegiant

About this Blog

WebRotate 360 are specialists in interactive e-commerce solutions, web and software development for Internet retailers, product manufacturers, and marketing agencies.

We're a team of great individuals who bring our commitment, passion and skills to help you showcase your products online.


Follow on Twitter  Follow on Facebook  Join us on Google plus  Follow on YouTube  Subscribe to this blog  

Back to WebRotate360.com »

360 Photography Articles

Browse our 360 product photography articles and tutorials

Find us on Facebook

Newsletter, May 2017

WebRotate 360 spin newsletter

Newsletter Signup

Subscribe to our regular newsletter updates and keep current with WebRotate 360 news, including our latest tips and tricks, new equipment guides, promotions, coupons, product releases and more.

Featured Product

Browse 360 photography equipment on photogear360

DIY 360 Photography Turntable

Our Latest Video

360 Product Viewer PRO

Download our 360 product photography software

Follow on Twitter