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

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

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

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

  • анализ и изучение сложных web внешний интерфейс.
  • отладка скриптов Greasemonkey, которые взаимодействуют с существующим кодом.

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

9 58
javascript minify firebug

9 ответов:

в chrome 13+, есть "довольно печати".

  1. щелкните правой кнопкой мыши 'проверить элемент'
  2. перейдите на вкладку скрипт
  3. щелкните фигурные скобки в правом нижнем углу.

Screenshot

40

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

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

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

77

Вэнкман JavaScript отладчик имеет довольно-принтер.

есть расширение для скрипача прокси.

ИЕ9 инструменты разработчика также есть вариант в формате "код JavaScript" (см. "Инструменты разработчика F12 и форматирования сценария сокращен" здесь)

8

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

3

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

однако, если JavaScript, на который вы смотрите, был сжат с помощью такого инструмента, как Юи компрессора или Компилятор Закрытия Google переменные будут сокращены и труднее понять.

чтобы увидеть это в действии, сравнить сокращен и unminified версии jQuery (сокращен версия использует компилятор закрытия).

для целей изучения JavaScript, я рекомендую учиться из библиотек и плагинов, написанных некоторыми из лучших разработчиков JavaScript там. Посмотрите на исходный код jQuery, Юи,Moo Tools. Посмотрите на код на GitHub такими людьми, как Джон Уходит В Отставку или Томас Фукс. Читайте DailyJs и посмотрите на свои примеры.

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

1

Webkit/Chromium теперь может это сделать, см. Ошибка Webkit 57942,набор изменений 83713 и сообщение об изменении Питера Беверлоо, в котором упоминается это.

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

1

настройка "Auto Prettify Minified Sources" из Firefox Firefox Developer Tools превращает Принаряжать Источник функции по умолчанию.

чтобы включить это:

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

enter image description here

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

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

1

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

0

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

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

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

0