it-swarm.com.ru

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

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

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

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

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

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

58
Henrik Heimbuerger

В Chrome 13+ есть «симпатичная печать». 

  1. Щелкните правой кнопкой мыши «проверить элемент»
  2. Перейти на вкладку «Сценарий»
  3. Нажмите на фигурные скобки в правом нижнем углу.

Screenshot

40
Matthew Kelly

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

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

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

77
B T

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

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

Инструменты разработчика IE9 также имеют опцию «format javascript» (см. «Инструменты разработчика F12 и форматирование минимизированного сценария» здесь )

8
Annie

К вашему сведению - та же функциональность доступна в инструментах разработчика F12 в IE9: при открытой вкладке скрипта нажмите кнопку молотка/гаечного ключа на панели кнопок («Конфигурация») и выберите «Формат JavaScript».

3
kmote

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

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

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

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

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

1
calvinf

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

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

1
Henrik Heimbuerger

Параметр «Auto Prettify Minified Sources» Firefox Firefox Developer Tools по умолчанию включает функцию Prettify Source .

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

  • открыть Инструменты разработчика Firefox (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.

Это невозможно с текущими инструментами. Show eval scripts - это самое лучшее, что вы можете получить . Jsbeautifier.org - это Nice open thing, и кто-то может интегрировать его в info firebug.

0
JessyNinja

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

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

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

0
3rik82