Menu icon Foundation
How to preview & inspect on devices

I currently use Adobe's Edge Inspect (http://html.adobe.com/edge/inspect/) to view my designs on multiple devices at once. Sometimes use Google Chrome Dev tools: Settings/Resize/View responsive layout.

Both have pros and cons, bugs and I am up to swapping both out with something else. Not sure I would go as far as uploading to a staging site, unless this can be done seamlessly and automatic like 'Grunt' compiling the SASS in milliseconds.

So, what does Zurb and other members of the foundation community use?

inspectdevicepreviewtestingstaging

I currently use Adobe's Edge Inspect (http://html.adobe.com/edge/inspect/) to view my designs on multiple devices at once. Sometimes use Google Chrome Dev tools: Settings/Resize/View responsive layout.

Both have pros and cons, bugs and I am up to swapping both out with something else. Not sure I would go as far as uploading to a staging site, unless this can be done seamlessly and automatic like 'Grunt' compiling the SASS in milliseconds.

So, what does Zurb and other members of the foundation community use?

Alexander Assimidis over 5 years ago

I'm using this

http://lab.maltewassermann.com/viewport-resizer/

but to be sure you have to test on mobile devices because there are sometimes bugs with Adobe Edge too.

If u are using Visual Studio there is a PlugIn where an Windows Phone and an iPad can be build thats pretty fix.

Lincoln mitchell over 5 years ago

Viewport-resizer looks cool - have added it to my toolkit. And agree Edge is buggy.

Would love to find a way to auto upload to staging site.

Karl Ward over 5 years ago

Viewport resizer is great for previewing layout on various screen sizes and devices. However, this is not always sufficient because it is still your desktop chrome browser that is rendering all the css- and js, and this might not always run smoothly on an iphone ... Sometimes I connect my iphone to macbook by cable, and set up Safari with remote inspector:
http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

Alexander Assimidis over 5 years ago

You could do the same with the IIS and if u use grunt u can set it up to autorefresh. Likely the same as remote inspector just a little bit easier so it is refreshin always when u change things.