Google Chrome is becoming a very popular browser and attracting more users every month as you can see on w3cschools.com. As a developer I used to work mainly with Mozilla Firefox because of the great developer extensions Web Developer Toolbar and Firebug. But Google Chrome is also for the developer and even better, it’s built in. You can access the Developer tools of Google Chrome via the menu or via the shortcut Ctrl+Shift+I.
Now the Developer tools window is shown. It has a few categories, I’ll show the ones I use most. The first one is Resources, it gives information on the resources used by the page and you can order them by time or size.
The second one is Scripts. Here you can see all the scripts used on the page and the best part and even debug the scripts.
Last but not least is the Console. This displays the Javascript errors and warnings that occur on the page.
If you want the Developer tools to display in the same window as your browser, simply click the window icon in the bottom left of the screen and it will dock to the main window.
So if you are using Google Chrome as your browser and developing web pages, be sure to check out the Developer tools.
Whitehorses is specialized in succesfully implementing Oracle SOA solutions: BPEL, OSB, WebLogic & BPM
{ 1 comment… read it below or add one }
Indeed a nice tool. And even easier: right click on an element and choose “inspect element”. The Developer tool will open. The same Developer tool is available in Safari for Mac and Windows too.