Do more with Chrome Developer Tools
Tuesday, October 23, 2012
Labels: devtools
The Chrome Developer Tools team recently launched new features and made several UI changes to improve your development and debugging workflow.
Develop for mobile
Since we launched Chrome for Android, you’ve been able to use Chrome Developer Tools to debug and profile mobile web pages and web apps.
Today, we take this feature one step further by introducing device emulation support in Chrome Developer Tools. Device emulation includes, among other things, native User Agent and dimension overriding. This allows developers to debug mobile browsers on different devices and operating systems via the Settings Menu. So, now, you can emulate the exact device metrics of devices like the Galaxy Nexus and the iPhone to test your media query-driven design.
Chrome Developer Tools also supports single touch event emulation to make it easier to debug mobile applications on the desktop.
Profile rendering performance
The Timeline’s Frame Mode feature now allows you to profile Chrome’s rendering performance, remove the jank and deliver the silky smooth performance users expect from your apps. To learn more about this topic, check out the recent "Jank Busters" video from Google I/O.
Preview your log items
The console now prints a user-friendly snapshot of the object properties taken at log time, whereas by expanding the object manually, you can still see its live content. This is especially useful when logging an object in a loop and observing its mutation. With this change, we resolved a longstanding bug many of you prioritized on crbug.com.
Play with experimental features
You can now try new experimental features in Chrome Developer Tools by visiting chrome:flags and enabling them there. Once you do that, a new tab called “Experiments” will be visible in the settings menu, allowing you to enable and use any of the following experiments:
- Snippets (essentially multi-line console on steroids)
- Source mapping support for SASS
- Native memory profiling
- Geolocation / orientation override
- FileSystem inspection
- Canvas inspection
- CPU activity in Timeline
- CSS Regions support
To get more information on all of Chrome Developer Tools features, check out our “Chrome Developer Tools Evolution” talk at the I/O 2012. You can also follow Google Chrome Developers on Google+ or @ChromiumDev on Twitter for more news on changes landing in Chrome Developer Tools.
6 comments:
Unknown said...
"Source mapping support for SASS "
* Audible Whoop *
October 23, 2012 12:44 PM
zhangsanlisi said...
Dear, again in the valentine's day Diablo 3 Gold. I don't know how many of you have me to your chocolate, but I see clearly... !This year I can send--to reduce weight tea?WOW Gold
October 25, 2012 1:04 AM
Pieter said...
I noticed today this extension was installed into Chrome without my consent:
https://chrome.google.com/webstore/detail/save-now/apnpfcegijiidalnoeeigipepclpljgh
64,938 users and NOT A SINGLE REVIEW.
Smells like malware to me.
October 25, 2012 10:52 AM
Unknown said...
The website http://wwww.getchromium.org is not working since a few day. Is it normal ?
October 29, 2012 4:30 AM
Joe Snell said...
I've been noticing this week that the Developer Tools are disabling javascript on pages when editing code > refreshing page. Thoughts?
October 31, 2012 3:34 PM
Giselle Skinner said...
That's very good news that Chrome tool is updated with new feature which is helpful in debugging to the mobile developers of Web Development Company.
October 31, 2012 11:39 PM
Post a Comment