To watch the XMLHTTPrequests, enable firebug, click on the Net tab and enable that too, then click on the XHR button. This will make firebug show you the response in a lot more detail than if you just echoed the data as XML fragments. The most efficient way to do this is to use JSON for the response, rather than XML (fewer characters used to represent stuff, so faster to download) and to do so using PHP's native json_encode() function. To make the most of this, it's important to make sure that the data being sent by the server is properly encoded and has the right headers. This is pretty handy if you find that the requests are failing for no reason you can discern. Once installed, Firebug can show you the XMLHTTPrequests that happen in the background as AJAXy things occur and also what data is returned. And for those of us who prefer viewing to reading, there's a bunch of tutorial videos on YouTube.Firebug Tutorial - Logging, Profiling and CommandLine (Part 1).The commonly named 'JavaScript console' menu item in Google Chrome.IE 8 comes with its own development tools.The Internet Explorer Developer Toolbar for Microsoft IE.The add-on will only work in Firefox, but there is also a JavaScript based Firebug Lite version for use with Internet Explorer (IE), Opera, and Safari.Īlternatives with similar functionality for other Web browsers: You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. 2.1 Alternatives with similar functionality for other Web browsers:įirebug is an add-on for the Firefox web browser.Currently, the FireBug team has launched the Firebug Lite web version, which is certainly not as powerful as the original version, but it is enough.

IETester officially provides a plug-in called Debugbar, but in fact the feel and effect are very unsatisfactory. Of course I have also used IETester, Internet Explorer Collection, etc. Currently Firebug has extensions under Chrome, what about IE? In view of the evil IE, we sometimes have to do IE Hack, but we lack a powerful web debugging tool. It can also load Yslow, a tool for evaluating web page efficiency (the relationship is FireBug Is a Firefox plug-in and Yslow is an extension of FireBug). It integrates HTML, CSS viewing and editing, Javascript console, network status monitor and other functions. Firebug is a browser debugging and development extension under Firefox. Even small dishes like me use FireBug every day. For Web Developer, it is impossible not to know the famous FireBug.

Download firebug lite for ie