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

142

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

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

javascript  google-chrome-devtools 
— Лисак
источник
Я уверен, что это невозможно, но я надеюсь, что ошибаюсь, потому что это было бы неплохо.
— Zevan
Я это сделал, но отсутствие этой функции довольно удивительно, поэтому мне лучше спросить здесь
— lisak
— 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?

— всезнайка
источник
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.