În lumea dezvoltării web, cea mai mare parte a designului nu mai este în pagina HTML, a fost mutată în fișierele CSS și Javascript incluse. Problema este că, atunci când doriți să aruncați o privire în cod, nu există un mod foarte simplu de a vizualiza acele fișiere CSS / JS.
Există o extensie numită JSView care vă va permite să vizualizați cu ușurință sursa fișierelor incluse în câteva moduri diferite.
Utilizare implicită a instalării
După ce ați instalat extensia, veți vedea o nouă opțiune numită „Vizualizați sursa paginii - JSView”. Vă va duce la același ecran ca dialogul obișnuit Vizualizare sursă pagină ...
Acum, când vă aflați în ecranul View Source, meniul View va conține elemente de meniu suplimentare care vă permit să accesați rapid fișierele incluse.
Meniu contextual cu acces rapid
Deschideți ecranul Opțiuni JSView din meniul Instrumente și debifați elementul „Disable jsview popup menus” pentru a adăuga meniurile suplimentare în meniul implicit cu clic dreapta.
De asemenea, veți dori să alegeți „Dezactivați vizualizarea sursei paginii - JSView” pentru a dezactiva elementul JSView redundant din meniu. Acum, când faceți clic dreapta în orice pagină, puteți obține rapid acces la sursă.
Rețineți că, dacă doriți cea mai mică experiență, puteți alege să dezactivați toate opțiunile și să accesați pur și simplu funcțiile din fereastra sursă de vizualizare.
Alte optiuni
De asemenea, puteți alege dacă doriți să deschideți într-o fereastră nouă ...
Sau dacă folosiți un editor extern ...
Aceasta este o extensie cu adevărat utilă care a devenit acum parte a mea set de instrumente de dezvoltare web .
Descărcați extensia JSView din programele de completare Mozilla