var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-333696-1']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
  • 2006年05月30日



    Link from:

    IDEs and IDE Plugins

    Note: The following products have both an IDE component and a framework/library component. For that reason, they appear on the Javascript Multipurpose Frameworks page.

    Ajax Toolkit Framework for Eclipse

    Ajax Toolkit Framework is a plugin for general-purpose (but Java-focused), open-source, Eclipse IDE.

    • Open-source from IBM.

    IntelliJ Idea

    IntelliJ Idea] is a Java IDE, and has been building extensive Javascript/Ajax support since version 5.0 (mid-2005).

    • Code completion, Error & syntax highlighting, Refactoring Code, Formatting, Find usag, Highlight usages, Surround with..., Goto symbol, Goto declaration, Code folding, Support for labels, Structure view
    • Screencast
    • Commercial from JetBrains.


    Morfik WebOS AppsBuilder brings extreme simplicity to the design of sophisticated AJAX applications without compromising their functionality. You don't need to write any HTML, XHTML, XML, JavaScript or CSS.

    • Commercial from Morfik.


    JSEclipse is an Eclipse plugin dedicated to JavaScript editing. The code completion engine parses class definitions idioms used by prototype.js,, Yahoo UI, dojo and qooxdoo.

    • Free for non commercial use from InterAKT Online

    DOM Inspectors

    As described in DOM Inspection pattern, these tools let you inspect the web page structure (DOM) in real-time.

    Firefox DOM Inspector

    Firefox ships with a DOM Inspector tool, accessible from the tools menu.

    • Note: In Windows, you need to ensure "Web Developer Tools" is selected during installation.
    • The inspector is a popup window, showing the DOM hierarchy on one side, facing a summary of the selected node. The summary shows node attributes such as registered event handles, as well as CSS style information.
    • Open-source from Mozilla.

    Firefox Web Developer Extension

    Web Developer is an invaluable Firefox toolbar for web development. Among its vast feature set are several commands especially relevant to DOM Inspection:

    • Display commands augment the page with DOM information, which makes a great alternative to exploring the DOM in a completely separate view. For example, Display Topographic Information alters the page to reveal the layout of DOM elements and Display ID and Class Details augments each element with its id and class attributes.
    • Outline commands draw outlines around elements of a particular type. For example, Outline Block Level Elements or Outline Table Cells. In fact, you can define custom outlines to outline any element you want.
    • Form commands help expose form structure. Display Form Details augments the form with information about each control, while View Form Information opens up a summary page.
    • Open-source from Chris Pederick.

    View Rendered Source

    View Rendered Source is a Firefox extension that shows the entire DOM as an HTML document.

    • The rendered source is shown in a pretty-formatted style, using colours and spacing to help convey the DOM structure.
    • Free from Jennifer Madden (enhanced version available for a small fee)

    IE Developer Toolbar

    Microsoft's IE Developer Toolbar, for IE6+, has a number of DOM Inspection capabilities and is similar to the Firefox Web Developer Extension.

    • Free from Microsoft.


    IEDocMon is a tool that extends IE to include an interactive view of the DOM.

    • Open-source by Tim Tabor.

    Mouseover DOM Inspector

    Mouseover DOM Inspector is a convenient bookmarklet that lets you explore the DOM by mousing over page elements.

    • All major browsers except Safari.
    • Open-source by Steven Chipman.


    Venkman for Firefox

    Venkman is a Firefox extension with fairly sophisticated debugging support.

    • When you open the debugger, it shows a list of Javascript files, which you can then open up to set breakpoints.
    • Open-source from Mozilla. (Note: Not included in standard Firefox download.)

    Microsoft Script Debugger

    Microsoft Script Debugger offers basic debugging functions, e.g. breakpoints, a basic call stack, step in/out/over, error triggers.

    • While not as feature-rich as Venkman, it's still quite useful for investigating IE-specific bugs.
    • Note: The IE Blog lists several options for IE debugging.
    • Free from Microsoft.

    Javascript HTML Debugger

    • Javascript HTML Debugger is a standalone Windows application with similar functionality to Venkman, but a greater emphasis on ease-of-learning.
    • Commercial from SplineTech.

    Traffic Sniffers

    As described in Traffic Sniffing, these tools let you monitor web remoting (XMLHttpRequest etc.) traffic. Note there are many general-purpose web proxies that will perform logging, which may be good enough for your needs.

    XMLHttpRequest Tracing and XMLHttpRequest Debugging

    These Greasemonkey extensions allow monitoring XMLHttpRequest traffic.

    • XMLHttpRequest Tracing unobtrusively logs traffic to the Javascript console.
    • XMLHttpRequest Debugging is a much more powerful, interactive, Popup tool that not only shows the messages, but lets you set filters and configure the display.
    • Both are Greasemonkey scripts, so you'll need to install the Greasemonkey extension first.
    • Open-source from Julien Couvrer.


    Fiddler is a Windows proxy specifically designed for analysing and "fiddling" with browser-server traffic.

    • Free from Eric Lawrence and Microsoft.

    Javascript Unit-Testing

    Scriptaculous Unit-Testing

    The Scriptaculous Unit-Testing is based on the xUnit family and the earlier JSUnit frameworks.

    • Each test is an HTML page containing the test in a script, and the HTML page is passed as an argument to a test runner page.
    • Open-source from the team of Scriptaculous volunteers.

    JsUnit (Hieatt)

    JsUnit is a testing framework that supports standard xUnit-like functionality.

    • Demo page.
    • Each test is an HTML page containing the test in a script, and the HTML page is passed as an argument to a test runner page.
    • Open-source from Edward Hieatt.

    JsUnit (Schaible)

    JsUnit works similarly to Hieatt's JSUnit (both were apparently developed in parallel).

    • Open-source from Jorg Schaible.


    本月文章收录 2008年05月30日
    MFC消息处理实现 2008年05月30日
    国内五月份IT业内事 2006年05月30日
    AJAX Resources 2006年05月30日