Как украсить Javascript и CSS в Firefox/Firebug?

Есть ли способ украсить javascript и css в Firebug? Я хотел бы иметь возможность просматривать форматированные js вместо сжатой версии:).

Ответ 1

CSS уже украшен в Firebug, что отчетливо видно, сравнивая вкладку CSS или панель CSS с исходным исходным кодом.

JavaScript, увы, нет. Самое лучшее, что вы можете сделать, на данный момент - вставить код в нечто вроде http://jsbeautifier.org/.

Однако, если вы напишете расширение Firebug, которое сделает это, вы получите всю нашу благодарность.; -)

Ответ 2

теперь есть плагин, который перехватывает загрузку javascript и разминирует его в этот момент. к сожалению, способ, которым он перехватывает Firefox, означает, что он применяется ко всем загрузкам javascript и только не к определенным, и файлы javascript должны быть поданы с соответствующим типом mime.

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

Ответ 3

В Firefox Developer Tools есть:

  • Кнопка "Prettify Source" : скобки {} значок внизу слева

  • Настройка параметров "Автоматическая предварительная настройка миниатюрных источников" . По умолчанию параметр Prettify Source включен.

    Чтобы включить его: перейдите к значку движка в верхней правой части вкладки "Отладчик", а не к механизму глобальных настроек.

введите описание изображения здесь

Протестировано на Firefox 42.