Google Improves Mobile Web Browser Emulator for Desktop PCs

Published on:

By:

Google is trying to make it slightly easier for web designers to design websites that work well on mobile devices by adding mobile emulators to its Chrome web browser.

Although there have been PC based emulators for years now, they have rarely been much more than a simple resizing of a screen size and some limitations on fonts to make it look like a mobile browser.

Google says that its beta release of Chrome for Android and desktop computers is much closer to how a mobile phone would display content, making at least simple websites faster to develop.

Using the built-in DevTools, users can select a device from the Console drawer's Emulation tab and all the relevant viewport properties will be set. It then runs the page through the same mobile viewporting code used in mobile Chrome to deliver a mobile-like representation. Users also have full control of the emulation parameters, such as screen resolution, touch emulation, devicePixelRatio, user agent, sensors and many more.

Chrome Beta also now supports native USB discovery of connected devices. While connected over USB, developers can screencast the full viewport content from the device to DevTools. The corresponding icon will be shown next to the Elements tab if the inspected device is able to screencast.

Keyboard and mouse events are also sent from DevTools to the device, so developers don't even need to touch it while testing apps.

On the web: Chrome Developer Tools

Click on images to enlarge


Screenshot

Page Tools

 

Tags: google  chrome  mobile web 

Sign up for our free daily email news alerts

Sample Copy