Chrome Extensions for web development
Webmaster Level: All
The Chrome Developer Tools are great for debugging HTML, JavaScript and CSS in Chrome. If you’re writing a webpage or even a web app for the Chrome Web Store, you can inspect elements in the DOM, debug live JavaScript, and edit CSS styles directly in the current page. Extensions can make Google Chrome an even better web development environment by providing additional features that you can easily access in your browser. To help developers like you, we created a page that features extensions for web development. We hope you’ll find them useful in creating applications and sites for the web.
For example, Speed Tracer is an extension to help you identify and fix performance issues in your web applications. With Speed Tracer, you can get a better idea of where time is being spent in your application and troubleshoot problems in JavaScript parsing and execution, CSS style, and more.
Another useful extension is the Resolution Test that changes the size of the browser window, so web developers can preview websites in different screen resolutions. It also includes a list of commonly used resolutions, as well as a custom option to input your own resolution.
With the Web Developer extension, you can access additional developer tools such as validation options, page resizing and a CSS elements viewer; all from an additional button in the toolbar.
Another extension you should check out is the Chrome Editor that allows you to easily code within your browser, so you don’t have to flip between your browser and code editor. You can also save a code reference locally to your computer for later use.
These are just a few of the extensions you can find in our extensions for web development page. You can also look for more in the extensions gallery.
Written by Koh Kim, Google Chrome Team
Do You Know The Difference Between A Browser and a Search Engine?
Videos like this one remind me that I live in a very tiny corner of the universe.
Only 8% of the people interviewed (out of a sample of over 50) correctly defined a browser. It also shows how effective Google has been in their approach to branding, especially given that they just aired their first TV commercial a few weeks ago.
Read more on Do You Know The Difference Between A Browser and a Search Engine?…
HTML 5 Parsing
One of the biggest wins of the HTML 5 recommendation is a detailed specification outlining how parsing of HTML documents should work. For too many years browsers have simply tried to guess and copy what others were doing in hopes that their parser would work well enough to not cause too many problems with HTML markup found in the wild.
Ajaxian » MySpace open sources advanced browser performance tool for IE
IE plugin that measures the CPU hit and memory footprint of your pages as they render on the client’s browser
John Resig – Keypress in Safari 3.1
great notes for why keypress even doesn't work in safari for non-character keys
How do Mobile Browsers Behave?
One of my favorite sources of active mining is that of Peter-Paul Koch digging in to mobile browsers and how they behave. Sponsored by Vodaphone to do a study of various mobile devices and their respective browsers, PPK has been doing some serious analysis of what the landscape looks like.
Straight Out of Compton
John Siracusa:
It’s not that any particular feature of Chrome is so wonderful, or even that the sum of those features puts Safari back on its heels in the browser wars. It’s the idea that someone other than Apple has taken such clear leadership in this area. Google Chrome makes Safari’s user interface look conservative; it makes Apple look timid.