Vizualizați cu ușurință sursa de fișiere incluse în Firefox

Î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ă citiți codul, nu există o modalitate foarte simplă de a vizualiza acele 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 standard 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 obișnuit 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 o experiență 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 de pe Mozilla Add-ons