Javascript debugging in various browsers and environments

    We all know how to debug JavaScript in FireFox - of course, it's FireBug. What analogs exist in other browsers ...

    Firefox - Firebug


    image
    Latest version : 1.3 / 1.4 alpha ( what's new )
    Official website : http://getfirebug.com/
    Features :
    * Extensible (FireCookie, FirePHP, etc.)
    * Convenient viewing of the source code of the page. Inspect function allows you to accurately locate the tag of a particular element, view all the properties and styles that are “attached” to it.
    * Editing HTML and CSS directly in the browser. You can change tag attributes and property values ​​in order to observe changes. It is convenient for those cases when it is necessary by experiments to find the most acceptable design option for the created page.
    * Debugging JavaScript.
    * Tracking page loading process.
    * View HTTP headers for regular and AJAX requests.
    Screenshot :
    image

    Opera - Dragonfly


    Latest version : alpha 3
    Official website : http://www.opera.com/dragonfly/
    Features :
    * View DOM;
    * View and edit CSS;
    * JavaScript debugger;
    * View HTTP and HXR requests;
    * Debug pages for mobile devices;
    * Remotely connect to any computers and devices with Opera browser installed that supports this tool, and debug web pages.
    * Console errors;
    * Command line.
    About the extension :
    In order for the DragonFly panel to appear at the bottom, you need to select Tools -> Advanced -> Developer Tools in the Opera main menu. There will be the Error Console tab, and in it the JavaScript tab. This is the error console. Here we can also output debugging information from the script. But, alas, there is no console object. However, there is opera.postError () - an analogue of console.log ().
    Screenshot :
    image

    IE - Companion.JS


    Latest version : 0.4.2
    Official website : http://www.my-debugbar.com/wiki/CompanionJS/HomePage
    Features :
    * Detailed information about the JS error (real file name, line and function calls before the error)
    * FireBug- a similar API for the console
    * The console allows you to examine objects
    * The icon on the toolbar to call the Companion.JS panel
    Screenshot :
    image
    Articles on the hub : JavaScript debugger for IE

    IE - Microsoft Script Editor


    Latest version : installed with Office 2003
    MSDN : http://msdn.microsoft.com/en-us/library/aa189846(office.10).aspx
    Features :
    * Use Visual Studio for debugging.
    More : Debugging for Internet Explorer (in Visual Studio)
    Thanks alemiks

    IE - WebDeveloper V2


    Latest version : 2.4.1 (3/12/2008)
    Official website : http://www.ieinspector.com/dominspector/
    Features :
    * Web inspector - the ability to view the DOM model of the page and its dynamic change, styles, etc. d.
    * There is a console like in Firebug
    * Write logs from JavaScript
    * HTTP-monitor - allows you to view sent and received requests from the
    Minus : paid program :(
    Screenshot :
    image
    Thanks megahertz

    IE8 - Built-in


    IE8 has a built-in developer tool that has a js debugger and profiler

    About the debugger : However, as they write on the Internet, it is not very good - there is no console, nothing can be done until you click to stop debugging, you can not change the DOM and styles on the fly, etc.
    Thanks XaocCPS

    Safari (any WebKit application) - Drosera


    Latest version : release a new build every night
    Official website : https://trac.webkit.org/wiki/Drosera
    Features :
    * Install breakpoint
    * Have a console object
    * Functional stack
    Screenshot :
    image
    Articles on the hub : Not a lot of mention for Safari for web developers

    Any browser - Firebug Lite


    Latest version : 1.2.1
    Official website : http://getfirebug.com/lite.html
    Features :
    * Supports all basic FireBug commands
    Screenshot :
    image
    Articles on the Haber : Firebug lite

    You can read more about Debugging JavaScript in Opera, FireFox, IE and Safari

    PS You know something else, write in the comments - I’ll add it with pleasure.

    UPD:
    * Ported to JavaScript
    * Added IE + WebDeveloper V2
    * Added IE + Microsoft Script Editor
    * Added IE8

    Also popular now: