Есть ли плагин, который позволяет мне автоматически уничтожать Javascript, включенную на сайт?

Есть ли плагин, надстройка, Greasemonkey script или что-то подобное (в худшем случае, простой в использовании прокси?), который автоматически unminizes содержит файлы Javascript, размещенные на сайте?

Я знаю, например. jsbeautifier.org, но при этом извне не позволяет установить точки останова в неминифицированном коде, например.

Типичные варианты использования для меня:

  • Анализ и изучение сложных веб-интерфейсов.
  • Отладка сценариев Greasemonkey, которые взаимодействуют с существующим кодом.

В первую очередь меня интересует решение, которое работает с Firebug, но если есть что-то для инструментов разработчика Chrome или Opera, я бы тоже хотел услышать об этом.

Ответы

Ответ 2

В chrome 13+ есть "красивая печать".

  • Щелкните правой кнопкой мыши элемент "проверка элемента"
  • Перейдите на вкладку Script
  • Нажмите фигурные скобки внизу справа.

Screenshot

Ответ 3

Venkman Отладчик JavaScript имеет красивый принтер.

Существует также extension для прокси-сервера Fiddler.

В инструментах разработчика IE9 также есть опция "форматирование javascript" (см. "Инструменты разработчика F12 и" Форматирование "Script" здесь)

Ответ 4

FYI - та же функциональность доступна в IE9 F12. Инструменты разработчика: открыв вкладку script, выберите кнопку "молоток/ключ" на панели кнопок ( "Конфигурация" ) и выберите "Формат JavaScript".

Ответ 5

Если script используется только для пробелов, некоторые из предлагаемых решений могут работать. Как вы упомянули, JSBeautifier - полезный инструмент.

Однако, если JavaScript, на который вы смотрите, был сжат с помощью такого инструмента, как YUI Compressor или Google Closure Compiler, переменные будут сокращены и сложнее понять.

Чтобы увидеть это в действии, сравните мини-и unminified версии jQuery (в мини-версии используется Closure Compiler).

Для изучения JavaScript я рекомендую изучать библиотеки и плагины, написанные некоторыми из лучших разработчиков JavaScript. Посмотрите исходный код jQuery, YUI, Инструменты Moo. Посмотрите на код на GitHub такими людьми, как John Resig или Thomas Fuchs. Прочтите DailyJs и посмотрите на его примеры.

Я надеюсь, что некоторые из этих инструментов помогут вам в процессе обучения. Это те ресурсы, которые мне больше всего помогли.

Ответ 7

Настройки "Автоматическое предварительное определение миниатюрных источников" Firefox Developer Tools по умолчанию включает функцию Prettify Source.

Чтобы включить его:

  • откройте инструменты для разработчиков Firefox (Ctrl + Shift + I)
  • Вкладка "Отладчик"
  • значок двигателя в верхней правой части вкладки отладчика, а не механизм глобальных настроек

введите описание изображения здесь

Это задокументировано по адресу: https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file

Протестировано на Firefox 42.

Ответ 8

Невозможно использовать текущие инструменты. Показать сценарии eval - это то, что вы можете получить. Jsbeautifier.org - это хорошая открытая вещь, и кто-то может интегрировать ее в firebug.