Читаемые человеком сценарии JavaScript в инструментах разработчика Chrome

142

Кто-нибудь знает, могут ли инструменты разработчика Chrome форматировать javascripts в удобочитаемую форму? Какое-нибудь украшение пригодится. Допустим, я использую некоторую JS-библиотеку и мне нужно создать ее объект, чтобы я знал, что поместить в конструктор. Но поиск в этой огромной библиотеке с 4 строками в пользовательском интерфейсе Chrome Developer Tools довольно утомляет ...

В противном случае серверная сторона должна позаботиться о реализации "режима разработки", который предоставляет файлы javascript, которые не минимизированы ...

javascript google-chrome-devtools Лисак
источник
Я уверен, что это невозможно, но я надеюсь, что ошибаюсь, потому что это было бы неплохо.
Zevan
Я это сделал, но отсутствие этой функции довольно удивительно, поэтому мне лучше спросить здесь
lisak
Версия Firebug: stackoverflow.com/questions/4279319/…
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

Ответы:

332

В некоторых браузерах есть кнопка Pretty print , которая выглядит следующим образом {}и отображается для HTML, JS и / или CSS в зависимости от браузера.

В Chrome он есть на вкладке " Источники" :

Кнопка красивой печати Chrome 40

В Firefox он есть на вкладке Отладчик

Кнопка prettify source в Firefox 35:

Положение этих кнопок может измениться, но оно всегда должно быть внутри

fgm2r
источник
2
В Windows это маленький значок, напоминающий -> {}. Подпись гласит: "Симпатичная печать".
omninonsense
@with Спасибо, что упомянули об этом. Интересно, почему они по-другому реализовали это в Windows / Mac OS.
fgm2r
3
кто-нибудь знает, что случилось с этой функцией Chrome? Думаю, я видел это в прошлом в своем Chrome, но теперь кажется, что его нет.
superjos
@superjos Они изменили его, чтобы он был таким же в Mac OS и Windows.
fgm2r
2
ммм, но я даже не вижу этого в контекстном меню. Есть только команда «проверить элемент». Смотрите скриншот .
superjos
3

Разве нет значка Pretty Print (выглядит так: {}), по крайней мере, в Windows он есть на вкладке Scripts?

всезнайка
источник
2

Существует http://jsbeautifier.org/ для онлайн-использования ( вам нужно скопировать / вставить ).

На этом сайте у них есть ссылка на fiddler ( прокси-сервер для веб-отладки ) и средство форматирования JavaScript для него ( третье расширение ).

Габриэле Петриоли
источник