The new Chrome tools provide emulation, debugging and on-screen testing capabilities of apps on mobile devices.
Google's Chrome Beta Web browser now offers mobile and desktop developers several new features, including expanded emulation and screencasting capabilities
as well as new debugging tools that will help developers test and debug their apps more quickly.
The new tools were announced in a Dec. 3 post by Pavel Feldman, a Chrome software engineer, on the Chromium Blog
. The tools have been added to the beta development version of Chrome for Android, desktop and Chrome OS, according to Feldman.
"Modern web apps are expected to render and perform on mobile perfectly," wrote Feldman. "That means considering responsive design, 60 fps and connectivity early in the development cycle. With the Beta channel of Chrome for Android
, we've made it easier to develop and debug mobile web apps through an improved viewport emulation
and zero-config, screencast-enabled remote debugging
The tools will allow app developers to see how their code will display on mobile devices as they write, which will help them create better code and apps, wrote Feldman. "While designing your app, you want to make sure it looks great on multiple screens. DevTools now enables you to go through the popular device screens without leaving the development environment. Just select a device from the Console drawer's Emulation tab and all the relevant viewport properties will be set for you. We'll run the page through the same mobile viewporting code used in mobile Chrome to get you accurate results."
Developers will also have full control of the emulation parameters, such as screen resolution, touch emulation, devicePixelRatio, user agent, sensors and more, he wrote. To use the new emulation feature, developers will need to check the "Show 'Emulation' view in console drawer" box in their DevTool's Settings, he added.
The ability of developers to test the actual Web app's performance on a real device is also new to the updates, wrote Feldman. "Chrome Beta—including ChromeOS
—now supports native USB discovery of connected devices," he wrote. "Find them under Tools → Inspect Devices menu item, or visit the about:inspect page. There's no configuration necessary and no need for the adb command line tool
or extensions to see all instances of Chrome and WebView
on the devices connected to your computer." Windows users, however, need to install the USB device drivers
to enable device communication, he wrote.
The new screencasting capabilities can be used when connecting the devices using USB, he wrote. "While connected over USB, you 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 your device, so you don't even need to touch it while you're testing your apps."
The new developer tools updates for Chrome follow another recent round of three new tools
that were added in August. Those tools included Workspaces
, which allows developers to live-edit source files within DevTools with bidirectional disk persistence; CSS preprocessor mapping; and Snippets
Google is always working on new and improved tools for developers of their products.
In July, Google released a new Dart Software Development Kit and Editor
in beta to help developers create their code more quickly. The company also began experimenting with a new network protocol, called QUIC (Quick UDP Internet Connections), which could help speed up network connections in the future.
The new Dart SDK and Editor is in its first beta release and contains performance and productivity improvements
for the new editor are now available, and the latest version of the Dart Editor can be downloaded at dartlang.org
In June, Google unveiled a new Cloud Playground
environment where developers can quickly try out ideas on a whim, without having to commit to setting up a local development environment that's safe for testing coding experiments outside the production infrastructure. The new Cloud Playground
is presently limited to supporting Python 2.7 App Engine apps.
Earlier in June, Google opened its Google Maps Engine API
to developers so they can build consumer and business applications that incorporate the features and flexibility of Google Maps. By using the Maps API, developers can now use Google's cloud infrastructure to add their data on top of a Google Map and share that custom mash-up with consumers, employees or other users. The maps can then be shared internally by companies or organizations or be published on the Web.