Theseus для Brackets v.0.4.15
Форма авторизации
Главная Правка Theseus для Brackets v.0.4.15

Theseus для Brackets v.0.4.15

Tom Lieber
Theseus для Brackets v.0.4.15
Theseus - новый тип отладчик JavaScript для Node.js, Chrome, и другое одновременно. Это расширение для кодового редактора Brackets.

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 (который также имеет некоторые другие варианты, которые могут оказаться полезными).


Комментарии к материалу
Всего комментариев: 0

avatar