Download FireBug for PC. Older versions FireBug 1. Last month's downloads Mozilla More Programs Pocket 2. Beamrise 6. From the new Microsoft Edge to Firefox Quantum, you can use web browsers to fulfill your web browsing needs. Download options and other languages. Firefox Browser support. Latest Firefox features.
Pop a video out of the browser window so you can stream and multitask. Expanded Dark Mode. Take it easy on your eyes every time you go online. An extra layer of protection. The Download Now link will prompt. Firebug Latest Version! Works with All Windows versions; Users choice! Firebug is a product developed by Mozilla. This site is not directly affiliated with Mozilla.
All trademarks, registered trademarks, product names and company names. Download Firebug and Web Development for Firefox. If you think this add-on violates Mozilla's add-on policies or has security or privacy. Version 2. C-Free 5. Mozilla Firefox A set of checkboxes also allow you to toggle individual CSS rules on or off to see how that affects the page as a whole.
A great tool for hunting down what CSS rule is doing what. For each section in the Styles panel you also get the responsible selector and the CSS file it comes from, making it easy to copy your changes back to the original style sheet when you are done with your edits. Another important consideration when designing a website is the page load time.
Safari 4 boosts a slick looking Resources inspector which gives the developer a breakdown not only of how long each JavaScript, CSS or image file took to load but also when each download started. All of this is shown in the context of the whole page load from the first millisecond to the last.
By laying the load time out in a timeline various sources of delay can be tracked. For example in the screenshot above the main document takes just short of half a second to load. For each bar the semitransparent section is the latency — the time until the first byte of the response.
So in the above case we can see that the latency makes up the majority of the load time. We can also see that the two images used on the page are loaded concurrently and that they start loading immediately when the CSS has been retrieved.
Finally the colorful bar on top breaks the total load time down by type and lets us know the whole page finished loading in 1. Individual resources can be inspected, allowing the developer to review the size and contents of each resource. In the same section the request and response headers can be reviewed. This is useful for the web server administrator in order to determine compression status and cache expiration headers.
In the web 2. You can set breakpoints, step through source code and inspect the call stack and variables as you go along. When a page has been loaded the Scripts tab shows the various JavaScript resources available on the page, by source filename. When a file has been selected the JavaScript is displayed with syntax highlighting and line numbers.
Clicking on a source line number sets a breakpoint. Once the targeted code executes Safari automatically launches into single step mode, allowing for the usual controls: Step Over, Step Into and return called Step Out. At each step you can also inspect the values of the variables available in the scope. There is also a Console feature which not only shows console messages and errors generated by your JavaScript during runtime but allows you to run commands live.
Need to see what happens if a certain variable has a different value? Just set it using the console and watch the results unfold in the active web page.
0コメント