Thursday, May 27, 2010 at 10:00 AM
Webmaster Level: AllThe 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.
23 comments:
Buenisimo. Voy a probarlas. Gracias.
Is there a FireBug equivalent for Chrome?
@ChessMess
You don't need a FireBug equivalent to Chrome.
Click on the page icon in the top browser bar, find the Developer drop-out, then click on Developer Tools.
From there you can change HTML, JS, and CSS code, and you can also view the Resources the document requires (like the PHP, external JS and CSS, images, etc) and also find errors in codes.
very useful. thanks
These extensions would be very useful for web devlepment
very great information team..
thanks for sharing.
regards,
<a href="http://edithhadiansyah.com>edith hadiansyah</a>
Thank you for share so much.
Is there a feature on chrome where we can change "profiles", meaning we can have one version of chrome with all the developer extensions and then one with the minimum.
I have this problem with FireFox too, the dev tools are great, but it kills my browsing experience.
What I'd love is the ability to have a "Developer Mode" or something much like the "Incogneto mode".
I went to install Speed Tracer and it said, This extension needs access to all data on your computer and websites you visit.
What does that mean - all data on my computer? I'm not sure I want to knowingly give an extension access to everything on my computer. My boss might not like it.
Good catch Marjory. I'd like to know the story on that one too.
good blog
http://egyptall.blogspot.com/
thank
great!!!... Thanks for sharing.
Very Good Thank You for sharing
is it chrome browser?
and is it stiil free sir?
Until now I havn't download it, i do not know why? several of my friend recommend that browser. i still use mozilla.
maybe, couse of my internet connetction, just only 5 KB/s and often down.
i hope some day i could use chrome browser too!
thanks fot the info
partisimon partogi
Hey everyone, I have a question regarding Chrome web developer. Will this application be integrated with the Blogger platform for developing better blogs? I am currently posting on several of my own blogs such as Alien Citadel and there's a lot of room for page enhancement!
I like this seo stuff. it will help my toronto seo site. http://www.livereceptions.net.
I change a lot of conntent, how long it takes to update again.
Interesting information...Thanks
I don't know why but recently Chrome is performing very slow, at least on Windows 7. When you run the application, it takes over 10 seconds to actually become operable.
Hi Google Webmaster, I like and appreciate you to provide me immense information.
Thanks for the tips! This will help me in my web development
PHP Console – Display PHP errors/debugs in Google Chrome console or by notification popups:
https://chrome.google.com/extensions/detail/nfhmhhlpfleoednkpnnnkolmclajemef
JavaScript Errors Notifier – Notify about JavaScript errors by icon in address bar:
https://chrome.google.com/extensions/detail/jafmfknfnkoekkdocjiaipcnmkklaajd
Hi everyone,
Since over a year has passed since we published this post, we're closing the comments to help us focus on the work ahead. If you still have a question or comment you'd like to discuss, free to visit and/or post your topic in our Webmaster Central Help Forum.
Thanks and take care,
The Webmaster Central Team
Post a Comment