Лесно прегледайте източника на включените файлове в Firefox

В света на уеб разработки по-голямата част от дизайна вече не е в HTML страницата на страницата, но е преместен във включените CSS и Javascript файлове. Проблемът е, че когато искате да надникнете в кода, няма наистина прост начин да видите тези CSS / JS файлове.

Има разширение наречено JSView, което ще ви позволи лесно да видите източника на включените файлове по няколко различни начина.

Използване по подразбиране за инсталиране

След като инсталирате разширението, ще видите нова опция, наречена „Преглед на източник на страница - JSView“. Ще ви отведе до същия екран като обикновения диалогов прозорец Изглед на изходната страница ще…

Сега, когато се намирате в екрана View Source, менюто View ще съдържа допълнителни елементи от менюто, които ви позволяват да получите бърз достъп до включените файлове.

Контекстно меню за бърз достъп

Отворете екрана Опции на JSView от менюто Инструменти и махнете отметката от елемента "Изключване на изскачащите менюта jsview", за да добавите допълнителните менюта към менюто по подразбиране.

Също така ще искате да изберете "Disable View Page Source - JSView", за да деактивирате излишния елемент на JSView в менюто. Сега, когато щракнете с десния бутон на някоя страница, можете бързо да получите достъп до източника.

Имайте предвид, че ако искате най-минимален опит, можете да изберете да забраните всички опции и да получите достъп до функциите от прозореца за изглед на източника.

Други възможности

Можете също да изберете дали да се отваря в нов прозорец…

Или дали да използвате външен редактор ...

Това е наистина полезно разширение, което сега е част от моя инструментариум за уеб разработки.

Изтеглете разширението JSView от добавките на Mozilla