W świecie projektowania stron internetowych większość projektu nie znajduje się już na stronie HTML, została przeniesiona do dołączonych plików CSS i JavaScript. Problem polega na tym, że kiedy chcesz zajrzeć do kodu, nie ma naprawdę prostego sposobu na przeglądanie tych plików CSS / JS.
Istnieje rozszerzenie o nazwie JSView, które umożliwia łatwe przeglądanie źródła dołączonych plików na kilka różnych sposobów.
Domyślne użycie instalacji
Po zainstalowaniu rozszerzenia zobaczysz nową opcję o nazwie "Wyświetl źródło strony - JSView". Przeniesie Cię na ten sam ekran, co zwykłe okno dialogowe Wyświetl źródło strony ...
Teraz, gdy jesteś na ekranie Wyświetl źródło, menu Widok będzie zawierało dodatkowe elementy menu, które umożliwiają szybki dostęp do dołączonych plików.
Menu kontekstowe szybkiego dostępu
Otwórz ekran opcji JSView z menu Narzędzia i odznacz opcję "Wyłącz menu podręczne jsview", aby dodać dodatkowe menu do domyślnego menu prawego przycisku myszy.
Będziesz także chciał wybrać "Wyłącz źródło strony widoku - JSView", aby wyłączyć nadmiarowy element JSView w menu. Teraz, gdy klikniesz prawym przyciskiem myszy na dowolnej stronie, możesz szybko uzyskać dostęp do źródła.
Zauważ, że jeśli chcesz uzyskać jak najmniejsze doświadczenie, możesz wyłączyć wszystkie opcje i po prostu uzyskać dostęp do funkcji z okna źródła widoku.
Inne opcje
Możesz także wybrać, czy otworzyć w nowym oknie ...
A może użyć zewnętrznego edytora ...
To naprawdę przydatne rozszerzenie, które stało się częścią mojego zestawu narzędzi do tworzenia stron internetowych.
Pobierz rozszerzenie JSView z dodatków Mozilli