Theseus для Brackets v.0.4.15

Theseus является частью сотрудничества между User Interface Design Group at MIT CSAIL и Adobe Research.


Особенности
Охват в режиме реального времени: Theseus показывает, сколько раз каждая функция была называемых рядом с его определением. Функции, которые никогда не были называемые также дают серый фон. Вы можете посмотреть подсветку кода пока вы взаимодействуете с веб-страницей.


Ретроактивный осмотр: Нажмите отсчет вызовов, чтобы увидеть значения параметров, возвращаемых значений и любых исключений, которые были брошены из этой функции. Это как добавление console.log без сохранения и перезагрузки.


Асинхронный дерево вызовов: Если вы выберите несколько счетчиков вызовов, все вызовы этих функций показаны в дереве. Когда функции обратного вызова называется, они появляются в дереве под функции, которая их создала, независимо от того, были ли они называют сразу или много тиков позже.


Использование: Отладка JavaScript работает в Node.js
Brackets + Node.js

Запустите программу, запустив node-theseus app.js (вместо node app.js как обычно). Theseus будет автоматически подключаться к этому процессу.
(Вы можете установить node-theseus с npm install -g node-theseus)

Использование: Отладка JavaScript работает в Chrome
Brackets + Chrome

Откройте меню Файл и положить Theseus в режиме для статических файлов HTML:


Тогда открыт HTML файл, запустите режим Brackets' Live Development, нажав на молнию в верхнем правом углу окна:


Ваша страница откроется в Chrome.


Технические детали
Node.js: Файлы с путями, содержащие node_modules не будет инструментом.
Chrome: Файлы с параметром URL theseus=no (например, <script src="script.js?theseus=no" />) Не будет инструментальной.

Любой файл, содержащий (exact) строку /*theseus instrument: false */ не будет инструментом Theseus. Вы также можете использовать опцию --theseus-exclude=filename с node-theseus (который также имеет некоторые другие варианты, которые могут оказаться полезными).