Wasaby Developer Tools

Wasaby Developer Tools — это набор инструментов для отладки исходного кода при разработке на фреймворке Wasaby. Представляет собой расширение для браузера Google Chrome.

Инструкция по установке

  1. Стабильную версию расширения можно скачать из Chrome Web Store.
  2. В Chrome DevTools появится вкладка Wasaby.

Возможности

Расширение состоит из 4 вкладок:

  1. Elements — дерево контролов.
  2. Profiler — профилировщик.
  3. Dependencies — дерево зависимостей модулей.
  4. Debugging — интерфейс для выбора модулей для отладки.

Настройки расширения

Попасть в настройки расширения можно, нажав на шестерёнку на вкладке Wasaby, либо зайти в chrome://extensions → у Wasaby DevTools нажать «Подробнее» → внизу страницы нажать «Параметры расширения».

Там можно выбрать 2 вещи:

  1. Текущую тему. По умолчанию тема расширения совпадает с темой, выбранной в Chrome DevTools.
  2. Использование User Timing API. Если включить эту опцию, то во встроенном профилировщике Chrome появятся отметки фреймворка, которые могут облегчить поиск проблем.