Легко переглядати джерело включених файлів у Firefox

У світі веб-розробки більша частина дизайну більше не входить до HTML-сторінки, вона перенесена до включених файлів CSS і Javascript. Проблема полягає в тому, що коли ви хочете заглянути в код, не дуже простий спосіб переглядати ці файли CSS / JS.

Існує розширення під назвою JSView, яке дозволить вам легко переглядати джерело файлів, що входять, декількома різними способами.

Використання встановлення за умовчанням

Після того як ви встановите розширення, ви побачите нову опцію під назвою "Переглянути джерело сторінки - JSView". Він перенесе вас на той самий екран, що й звичайний діалог джерела сторінки перегляду ...

Тепер, коли ви знаходитесь на екрані «Джерело перегляду», меню «Перегляд» містить додаткові пункти меню, які дозволяють швидко отримати доступ до включених файлів.

Контекстне меню швидкого доступу

Відкрийте вікно Параметри JSView у меню Інструменти та зніміть прапорець "Вимкнути спливаючі меню jsview", щоб додати додаткові меню до меню за замовчуванням.

Ви також бажаєте вибрати "Disable View Page Source - JSView", щоб вимкнути надлишковий елемент JSView в меню. Тепер, коли ви клацнете правою кнопкою миші на будь-якій сторінці, ви зможете швидко отримати доступ до джерела.

Зауважте, що якщо ви хочете отримати мінімальний досвід, ви можете вимкнути всі параметри та просто отримати доступ до функцій з вікна перегляду джерела.

Інші параметри

Ви також можете вибрати, чи відкривати його у новому вікні…

Або використовувати зовнішній редактор ...

Це дійсно корисне розширення, яке тепер стало частиною мого інструментарію веб-розробки.

Завантажте розширення JSView з додатків Mozilla