Firefox developer tools

inspect HTML elementsmanage/debug JavaScriptprotệp tin performance modify elements in real-time

It"s built in. Page -> Developer -> Developer tools (in Chrome v5 & under). It is likely to lớn be different in v6 since the Page button appears lớn be disappearing in that version.

Bạn đang xem: Firefox developer tools




It"s been 4 years since the original question was asked. Chrome (stable) is now at version 38. For a long time it has included a full set of Developer Tools that are roughly equivalent lớn Firebug for Firefox (though incidentally Firefox even has a built-in inspector too).

A few things Chrome"s Developer Tools allow you to lớn do:

Inspect the DOMInspect CSSAccess a JavaScript ConsoleDebug JavaScriptView network requests, timings, và responsesView rendering, JavaScript, và CSS performanceInspect local storage và cookies

The dev tools can be accessed in a variety of ways.

Chrome Menu -> Tools -> Developer Tools

Ctrl + Shift + I in Windows or Cmd + Shift + I on a Mac

F12 on Windows

Right-cliông xã anywhere on a page & select Inspect Element

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.

Xem thêm: Việt Nam Xuất Hiện Phần Mềm Hack Tại Quán Net Giúp Chơi Không Mất Tiền

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 khổng lồ get bare-metal, Wireshark goes beyond HTTPhường. to lớn full network traffic analysis, but be prepared to be overwhelmed at first.


You can also try Google"s open source Speed Tracer -

Speed Tracer is a tool to lớn 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 & analyzes them as your application runs. Speed Tracer is available as a Chrome extension & works on all platforms where extensions are currently supported (Windows & Linux).

Xem thêm: Galaxy S5 Chính Hãng, Ưu Đãi Tốt Nhất, Giá Rẻ Nhất Tháng 05/2021

Using Speed Tracer you are able khổng lồ get a better picture of where time is being spent in your application. This includes problems caused by JavaScript parsing và execution, layout, CSS style recalculation và selector matching, DOM sự kiện handling, network resource loading, timer fires, XMLHttpRequest callbacks, painting, và more.

Chuyên mục: Kinh doanh online

Dành cho bạn