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

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

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

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

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

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

Ответ 1

Кто-то сделал JSBeautifier в плагине Firebug:

https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/

Это сделало мой день сегодня!

Ответ 2

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

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

Ответ 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).

оригинал: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
minified: https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

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

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

Ответ 6

Webkit/Chromium теперь может это сделать, см. Webkit Bug 57942, Изменения 83713 и Питер Беверлоо сменил итоговое сообщение, отметив это.

Не спрашивайте меня, начиная с какой версии Chromium/Chrome это доступно, но не стесняйтесь упоминать здесь, если вы знаете.:)

Ответ 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.

Ответ 9

PrettyPrint - это хорошее расширение chrome для этого, оно автоматически unminizes js в сердцебиении при использовании обычного (Ctrl-U) источника.

Вы можете получить его здесь:

https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg/