Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong><a href="http://www.aptana.com/products/studio2" rel="noreferrer">Aptana Studio</a></strong> is optimised for Javascript development, including debug support for Firefox and IE, it even supports type-ahead on the Ext JS library (you might have to download some eclipse plugins separately).</p> <p>Ext JS comes included with a <strong><a href="http://dev.sencha.com/deploy/ext/examples/debug/debug-console.html" rel="noreferrer">debugging console</a></strong> (you need to add debug.js and call Ext.log("blah") to bring it up), this will provide functionality that is similar to Firebug on Firefox but not as extensive, still its useful for supplementing the poor <a href="http://msdn.microsoft.com/en-us/library/dd565622(VS.85).aspx" rel="noreferrer">development tools</a> that come pre-installed with IE 8. <strong><a href="http://getfirebug.com/" rel="noreferrer">Firebug</a></strong> (as Ergo mentioned here) is the most powerful of the browser-based development tools (it allows step-by-step debugging) however the latest versions of Chrome and Safari also come installed with develoment tools that are useful (but not as much as Firebug). </p> <p>I find that running a debug trace throughout your application speeds up the process of finding bugs (see example below).</p> <pre><code>// Setup simple debugging tool DebugManager = function {}; DebugManager.isEnabled = true; DebugManager.log = function() { if (DebugManager.isEnabled &amp;&amp; arguments.length &amp;&amp; console &amp;&amp; console.log) { try { // Single parameter? pass it to console if (arguments.length == 1) console.log(arguments[0]) // Multiple parameters? output raw arguments array to the console else console.log(arguments); } catch (e) {} } }; // Your function function doSomething(myString) { DebugManager.log("doSomething(myString)", myString); // code for doSomething } </code></pre> <p>You can then look up the console trace (Firebug is the best since it outputs full object information) and note the last function that executed before your code broke.</p> <p>After many months of Ext JS development I have to say that <strong><a href="http://getfirebug.com/" rel="noreferrer">Firebug</a></strong> + <strong><a href="http://www.aptana.com/products/studio2" rel="noreferrer">Aptana Studio</a></strong> combo wins hands down on other tools for development.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload