Человеко-читаемые javascripts в хром-инструментах для разработчиков

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

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

Ответ 1

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

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

Firefox имеет его на вкладке Отладчик

:

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

Ответ 2

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

Ответ 3

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

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