Firebug-like debugger for Google Chrome

Question

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

User · Answer

F12  only on Linux and Windows   OR   Ctrl    I       I if you re on Mac

User · Answer

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

User · Answer

This doesn t answer your question but  in case you missed it  Chris Pederick s Web Developer is now available for Chrome  https   chrome google com extensions detail bfbameneiokkgbdmiekhjnmfkcnldhhm

User · Answer

Forget everything you all needs this browser independent inspector   dom updater   https   goggles webmaker org en-US  just bookmark and go to any webpage and click that bookmark     this is actually Mozilla project Goggles   amazing amazing amazing

User · Answer

F12   I love shortkeys

User · Answer

Forget everything you all needs this browser independent inspector   dom updater   https   goggles webmaker org en-US  just bookmark and go to any webpage and click that bookmark     this is actually Mozilla project Goggles   amazing amazing amazing

User · Answer

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  http   getfirebug com lite html

User · Answer

Or try user scripts  http   dev chromium org developers design-documents user-scripts

User · Answer

Or try user scripts  http   dev chromium org developers design-documents user-scripts

User · Answer

Just adding some talking points as someone who uses Firebug   Chrome Inspector every day    At the time of writing  there s only Google DOM inspector and no it doesn t have all the features of Firebug Inspector is a  lite  version of Firebug  The interface is not as good IMO  element inspection in both recent versions is now clunky  but Firebug is still better  I find myself trying to find the love for Chrome  since it s a better  faster browser experience   but for development work  it still just sucks for me   Live preview   modification of DOM   CSS is still way better in Firebug  calculated CSS and box model view are better in Firebug   Somehow it s just easier to read use Firebug maybe because of the ease of navigating  manipulating modifying the document in several key areas   Who knows  I m used to the interface and I think Chrome Inspector is not as good although this is a subjective thing I admit  The Cookies Net tab are extremely useful to me in Firebug  Maybe Chrome Inspector has this now  Last time I checked it did not  because Chrome updates itself in the background without your intervention  gets your consent by default like all good overlords    Last point  The day that Google Chrome gets a fully-featured Firebug is the day Firefox basically dies for developers because Firefox had 3 years to make Firefox s layout engine Gecko as fast as WebKit and they didn t   Sorry to put it so bluntly but it s the truth    You see  now everyone wants to move away from Flash in lieu of jQuery motivated by mobile accessibility and interactivity  iPhone  iPad  Android  and JavaScript is  suddenly  a big deal  that s sarcasm   so that ship has sailed  Firefox  And that makes me sad  as a Mozilla fanperson  Chrome is simply a better browser until Firefox upgrades their JavaScript engine

User · Answer

Or try user scripts  http   dev chromium org developers design-documents user-scripts

User · Answer

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

User · Answer

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

User · Answer

jQuerify is the perfect extension to embed jQuery into Chrome Console and is as simple as you can imagine  This extension also indicates if jQuery has been already embedded into a page   This extension is used to embed jQuery into any page you want  It allows to use jQuery in the console shell  You can invoke Chrome console by Ctrl   Shift   j      To embed jQuery into the selected tab click on extension button

User · Answer

The official Firebug Chrome extension or you can download and package the extension yourself   https   getfirebug com releases lite chrome

User · Answer

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

User · Answer

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  http   getfirebug com lite html

User · Answer

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

User · Answer

You can set this bookmarklet in your  Bookmarks Bar  in order to have Firebug lite always available in Chrome Chromium browser  put this as the URL    javascript var firebug document createElement  script   firebug setAttribute  src   http   getfirebug com releases lite 1 2 firebug-lite-compressed js   document body appendChild firebug   function   if window firebug version  firebug init    else setTimeout arguments callee        void firebug

User · Answer

If you are using Chromium on Ubuntu using the nightly ppa  then you should have the chromium-browser-inspector

User · Answer

The official Firebug Chrome extension or you can download and package the extension yourself   https   getfirebug com releases lite chrome

User · Answer

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  http   getfirebug com lite html

User · Answer

F12  only on Linux and Windows   OR   Ctrl    I       I if you re on Mac

User · Answer

Or try user scripts  http   dev chromium org developers design-documents user-scripts

User · Answer

Just adding some talking points as someone who uses Firebug   Chrome Inspector every day    At the time of writing  there s only Google DOM inspector and no it doesn t have all the features of Firebug Inspector is a  lite  version of Firebug  The interface is not as good IMO  element inspection in both recent versions is now clunky  but Firebug is still better  I find myself trying to find the love for Chrome  since it s a better  faster browser experience   but for development work  it still just sucks for me   Live preview   modification of DOM   CSS is still way better in Firebug  calculated CSS and box model view are better in Firebug   Somehow it s just easier to read use Firebug maybe because of the ease of navigating  manipulating modifying the document in several key areas   Who knows  I m used to the interface and I think Chrome Inspector is not as good although this is a subjective thing I admit  The Cookies Net tab are extremely useful to me in Firebug  Maybe Chrome Inspector has this now  Last time I checked it did not  because Chrome updates itself in the background without your intervention  gets your consent by default like all good overlords    Last point  The day that Google Chrome gets a fully-featured Firebug is the day Firefox basically dies for developers because Firefox had 3 years to make Firefox s layout engine Gecko as fast as WebKit and they didn t   Sorry to put it so bluntly but it s the truth    You see  now everyone wants to move away from Flash in lieu of jQuery motivated by mobile accessibility and interactivity  iPhone  iPad  Android  and JavaScript is  suddenly  a big deal  that s sarcasm   so that ship has sailed  Firefox  And that makes me sad  as a Mozilla fanperson  Chrome is simply a better browser until Firefox upgrades their JavaScript engine

User · Answer

If you are using Chromium on Ubuntu using the nightly ppa  then you should have the chromium-browser-inspector

User · Answer

jQuerify is the perfect extension to embed jQuery into Chrome Console and is as simple as you can imagine  This extension also indicates if jQuery has been already embedded into a page   This extension is used to embed jQuery into any page you want  It allows to use jQuery in the console shell  You can invoke Chrome console by Ctrl   Shift   j      To embed jQuery into the selected tab click on extension button

User · Answer

F12   I love shortkeys

User · Answer

You can set this bookmarklet in your  Bookmarks Bar  in order to have Firebug lite always available in Chrome Chromium browser  put this as the URL    javascript var firebug document createElement  script   firebug setAttribute  src   http   getfirebug com releases lite 1 2 firebug-lite-compressed js   document body appendChild firebug   function   if window firebug version  firebug init    else setTimeout arguments callee        void firebug

User · Answer

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

User · Answer

Please try Firebug Lite for Google Chrome

User · Answer

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  http   getfirebug com lite html

User · Answer

Please try Firebug Lite for Google Chrome

User · Answer

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

User · Answer

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

User · Answer

This doesn t answer your question but  in case you missed it  Chris Pederick s Web Developer is now available for Chrome  https   chrome google com extensions detail bfbameneiokkgbdmiekhjnmfkcnldhhm

[html] Firebug-like debugger for Google Chrome

Examples related to html

Examples related to css

Examples related to google-chrome

Examples related to debugging

Examples related to firebug