Google Chrome Developer Tools Changing User Agents
Google Chrome has quickly become one of my favorite browsers. A lot has to do with the pretty amazing set of included developer tools. With mobile applications quickly being able to change the user agent string has been really a nice way to test various looks. In this blog post I wanted to share a quick tip for how this can be done.
1. Open Chrome and bring up http://www.kentico.com site and then select F12 or CTRL + Shift + J to bring up the Chrome Developer Tools as shown in the following screenshot.
![](/Articles/files/Thomas-Robbins/Chrome/image001.aspx)
2. In the Chrome Developer Tools panel select the Setting (gear) icon as shown in the following screenshot.
![](/Articles/files/Thomas-Robbins/Chrome/image002.aspx)
3. In the Overrides panel click the User Agent dropdown and then select iPhone-iOS 5 as shown in the following screenshot.
![](/Articles/files/Thomas-Robbins/Chrome/image003.aspx)
4. Reload the page and you can see the layout has changed to reflect the smaller iPhone screen size as shown in the following screenshot.
![](/Articles/files/Thomas-Robbins/Chrome/image004.aspx)