Powered By Blogger

Thursday, 30 August 2012

Chrome - change screen size to replicate mobile

Chrome - change screen size to replicate mobile devices

During development we came across a neat feature in the Chrome browser to simulate running a mobile browser.  This is great if you need to simulate a mobile operating environment such as using Kendo ui mobile.

To access this feature from the Chrome browser, press F12 to bring up the developer tools.


Click on the settings icon in the bottom right of the screen.

 Under the "user agent" tab choose the device you wish to simulate.

This will then simulate the device environment.  If using Kendo ui mobile it will render the screen to test on the different platforms.

  



No comments:

Post a Comment