Удобочитаемые JavaScript в инструментах разработчика Chrome

Question

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

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

Answer 1

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

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

Firefox содержит его на вкладке Отладчик

:

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

Answer 2

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

Answer 3

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

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