Инструменты для визуализации объектов Javascript в реальном времени
Как и у многих людей, мой мозг хорошо работает с визуальной (нетекстовой) информацией для чтения, письма и создания.
Какие инструменты позволяют мне каким-то образом визуально увидеть мою текущую среду javascript?
Одним из очевидных примеров было бы просто поместить один прямоугольник на экран (или страницу HTML), чтобы представить каждый объект, который в данный момент находится в памяти. Поле может содержать метку, которая является переменной, в настоящее время связанной с объектом. Если я использую библиотеку pubsub, окно может мигнуть, когда объект, который он представляет, "получает" сообщение, на которое он подписан. Нажатие на поле может дать мне список всех открытых методов для этого объекта, и, если код имеет аннотации сигнатур методов, я бы увидел имена его параметров.
Любое, что-то похожее на это, которое есть в Javascript и работает в текущем процессе, приветствуется! Кроме того, он должен быть в форме библиотеки javscript, которую я могу прикрепить к существующему коду, но примеры инструмента такого рода, которые можно найти в некоторых IDE или плагинах браузера в качестве иллюстрации, приветствуются.
1 ответ
Несмотря на то, что он не использует ящики, вероятно, для экономии экрана, вы сделали укол? Хотя они не являются графическими блоками, для визуализации приложения используются расширяемые / сворачиваемые текстовые элементы.
И это не ограничивается JS. Вы можете использовать элемент выбора, чтобы выбрать элементы HTML и посмотреть, как ваш JS на самом деле изменяет DOM. Итак, скажем, на фокусе, вы применяете некоторые CSS для текстового поля; Вы можете видеть это в режиме реального времени, используя Firebug...
Это действительно отличный инструмент, который делает ALOT. Вы можете отлаживать JS построчно, помещать наблюдения в переменные (чтобы увидеть все их методы и значения; чтобы увидеть, как их значения изменяются в режиме реального времени, или изменить их самостоятельно во время работы программы!), Посмотреть, как работают html и js читать и влиять почти в режиме реального времени и многое другое... Есть также плагины (или, по крайней мере, раньше), чтобы помочь в отладке других языков, в частности, я помню плагин actioncript, который позволяет мне видеть следы от FLASH/SWF объекты, как они возникли, а также плагин PHP.
Если вы не пробовали это. Ты должен.
Если вас больше интересуют вещи более низкого уровня; как в следующих HTTP-вызовах в деталях; репликация медленных соединений; фальсифицируйте свой пользовательский агент (хотя это можно сделать и в большинстве браузеров, но без этого!), затем попробуйте Fiddler2... Я не часто его использую, НО, когда я имею дело с трудными для устранения проблем AJAX или http, с большим количеством звонков назад / вперед, это спасало жизнь.
Надеюсь это поможет.