: What is the Google Chrome equivalent to Firebug? I'm looking for a tool that can: inspect HTML elements manage/debug JavaScript profile performance modify elements in real-time

@Cugini213

You can also try Google's open source Speed Tracer - code.google.com/webtoolkit/speedtracer/

Speed Tracer is a tool to help you
identify and fix performance problems
in your web applications. It
visualizes metrics that are taken from
low level instrumentation points
inside of the browser and analyzes
them as your application runs. Speed
Tracer is available as a Chrome
extension and works on all platforms
where extensions are currently
supported (Windows and Linux).

Using Speed Tracer you are able to get
a better picture of where time is
being spent in your application. This
includes problems caused by JavaScript
parsing and execution, layout, CSS
style recalculation and selector
matching, DOM event handling, network
resource loading, timer fires,
XMLHttpRequest callbacks, painting,
and more.

Vote Up Vote Down

@RJPawlick198

The in-browser tools are great at their job and are usually your best first choice, but sometimes they don't provide enough technical detail on the HTTP request/response payloads, or are too page-specific.

In these cases, you may find that a dedicated HTTP inspection tool like Fiddler or one of the Linux alternatives will provide more insight.

If you really need to get bare-metal, Wireshark goes beyond HTTP to full network traffic analysis, but be prepared to be overwhelmed at first.

Vote Up Vote Down

@Nickens628

Firebug Lite for Google Chrome.

Vote Up Vote Down

@Radia820

Right-Click -> Inspect Element

Vote Up Vote Down

@Pierce454

It's built in. Page [paper] -> Developer -> Developer tools (in Chrome v5 and under). It is likely to be different in v6 since the Page button appears to be disappearing in that version.

Vote Up Vote Down