Once you get knee deep into Firebug be sure to check out Joe Hewitt’s expert level introduction: Joe Hewitt: “Welcome to Firebug 1.0” Firebug and Web Developer Toolbar. Here you can find download and installation instruction for Firebug Lite. Next to version 1.0 they released a lite cousin of Firebug that can also be used in other browsers than Firefox eg in Internet Explorer. It also gives you monitoring of XMLHttpRequest calls and let you examine HTTP headers. how long each file takes to load and which files are already cached. To give you a further look behind the curtain Firebug has a build in network monitor that let you see e.g. To help you navigate inside your code Firebug provides a good DOM explorer that let you change values even including autocompletion. Additionally it lets you profile your JS code and logging calls to any function in your code. You get a full featured debugger including watch statements, normal and conditional breakpoints, single step debugging or break on the first error. Firebug Lite also has the JavaScript console, which allows you to. On the right side, you can view the computed style and the DOM (Document Object Model) properties for the element. JavaScript support in Firebug is close to perfect. To do that, click the + signs on the tree view to expand the HTML, and when you see the element you want to inspect, click on the line of code for it in the HTML. They do this in a very dynamic and interactive way that you have to see. Here it doesn’t only show the the direct responsible CSS code but also all code inherited. This is a MUST HAVE for every serious web developer!įirebug has an inspector for HTML and CSS that let you see, how an element of a web page is coded by just hovering it.
Somewhere around early December a friend of mine pointed me to the first Firebug RC. Firebug looked promising and already polished.
At the time when one of the early release versions of Firebug came out I was looking for a nice JavaScript debugger.
0 kommentar(er)
