Discover innovative tools, design features, unique websites, and code structure curated by the GoWeb community.

View the resources by category or by monthly GeekOut! Compilations. Check out the latest compilation below.

Mobile Emulation View in Chrome

Visit Mobile Emulation View in Chrome


Google Chrome makes it pretty simple to see how your page will look on a variety of mobile devices using its built-in Emulation view.

http://www.sitepoint.com/use-mobile-emulation-mode-chrome/

The article above lists instructions for Chrome 32. As of this writing, Chrome 34 is available. The instructions on accessing the Emulation View are a little, but not substantially, different now.

For Macintosh, click on View > Developer > Developer Tools (CMD+OPT+I). Click into the developer console and press Escape. Select Emulation from the view window, and select the device you would like to emulate.

For Windows, click on Menu > Tools > Developer Tools (CTRL+SHIFT+I).?Click into the developer console and press Escape. Select Emulation from the view window, and select the device you would like to emulate.