JavaScript CodeExplorer инструмент?

Question

Где я могу найти редактор / IDE с возможностью отображения проводника кода JavaScript? Есть много редакторов, которые отображают это для файлов PHP, некоторые из них также для JS, но до сих пор я не нашел такого, который отображал бы структуру классов файла JS. Я попытался разобрать «прототип» фреймворка с помощью PSPad, но, к сожалению, он не отображает его правильно. Он обрабатывает все функции, но я хочу, чтобы они отображались структурированно в классах, как они.

Дерево должно выглядеть примерно так (например, код прототипа):

- Prototype
 * Version
 - Browser
  * IE
  * Opera
  * WebKit
  * Gecko
  * MobileSafari
 + BrowserFeatures (and it's children)
 + .. etc etc

Для следующего кода:

var Prototype = {
  Version: '1.6.0.3',

  Browser: {
    IE:     !!(window.attachEvent &&
      navigator.userAgent.indexOf('Opera') === -1),
    Opera:  navigator.userAgent.indexOf('Opera') > -1,
    WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
    Gecko:  navigator.userAgent.indexOf('Gecko') > -1 &&
      navigator.userAgent.indexOf('KHTML') === -1,
    MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
  },

  BrowserFeatures: {
    XPath: !!document.evaluate,
    SelectorsAPI: !!document.querySelector,
    ElementExtensions: !!window.HTMLElement,
    SpecificElementExtensions:
      document.createElement('div')['__proto__'] &&
      document.createElement('div')['__proto__'] !==
        document.createElement('form')['__proto__']
  },

  ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>',
  JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,

  emptyFunction: function() { },
  K: function(x) { return x }
};

Answer 1

попробуй aptana studio .