Î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ă faceți o privire asupra codului, nu există o modalitate foarte simplă de a vizualiza aceste fișiere CSS / JS.
Există o extensie numită JSView care vă va permite să vedeți cu ușurință sursa fișierelor incluse în câteva moduri diferite.
Utilizarea implicită a instalării
După ce ați instalat extensia, veți vedea o nouă opțiune numită "Vizualizare sursă pagină - JSView". Acesta vă va duce la același ecran ca dialogul normal de vizualizare a sursei de pagină va ...
Acum, când vă aflați în ecranul Vizualizare sursă, meniul Vizualizare va conține elemente de meniu suplimentare care vă vor permite să accesați rapid fișierele incluse.
Meniul contextual de acces rapid
Deschideți ecranul Opțiuni JSView din meniul Instrumente și debifați opțiunea "Dezactivați meniurile pop-up jsview" pentru a adăuga meniurile suplimentare în meniul implicit cu clic dreapta.
De asemenea, doriți să alegeți opțiunea "Dezactivați vizualizarea sursei de pagină - JSView" pentru a dezactiva elementul JSView redundant din meniu. Acum când faceți clic dreapta pe orice pagină, puteți obține rapid accesul la sursă.
Rețineți că dacă doriți experiența minimă, puteți alege să dezactivați toate opțiunile și pur și simplu să accesați funcțiile din fereastra sursă de vizualizare.
Alte optiuni
De asemenea, puteți alege să deschideți într-o fereastră nouă ...
Sau dacă să folosiți un editor extern ...
Aceasta este o extensie foarte utilă care a devenit acum parte din setul meu de instrumente de dezvoltare web.
Descărcați extensia JSView din Mozilla Add-ons
