Is there anything like Firebug that you can use within Google Chrome?
Essential features I would like:
- Inspect HTML source (select elements, delete them, etc.)
- check CSS values (the built-in solution is weird, somehow)
Firebug-like debugger for Google Chrome
Viewed 312917
15 Answers
There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even change CSS rendering on the fly.
For more information, see https://developers.google.com/chrome-developer-tools/
Firebug Lite supports to inspect HTML elements, computed CSS style, and a lot more. Since it's pure JavaScript, it works in many different browsers. Just include the script in your source, or add the bookmarklet to your bookmark bar to include it on any page with a single click.
Try this, it's called Firebug Lite and apparently works with the beta version of Chrome.
You can also find it at: https://chrome.google.com/extensions/
The official Firebug Chrome extension or you can download and package the extension yourself.
Well, it is possible to enable Greasemonkey scripts for Google Chrome so maybe there is a way to sort of install Firebug using this method? Firebug Lite would also work, but it's just not the same feeling as using the full featured one :(
willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/
Related