Se let Kilde for inkluderede filer i Firefox

I webudviklingsverdenen er det meste af designet ikke på siden HTML længere, det er flyttet til den medfølgende CSS og Javascript-filer. Problemet er, at når du vil kigge ind i koden, er der ikke en rigtig enkel måde at se disse CSS / JS filer på.

Der er en udvidelse kaldet JSView, som vil lade dig nemt se kilden til inkluderede filer på et par forskellige måder.

Standard installation brug

Når du har installeret udvidelsen, vil du se en ny mulighed kaldet "View Page Source - JSView". Det tager dig til samme skærm som den almindelige dialog med Vis sidekilde vil ...

Nu, når du er på skærmen Vis kilde, vil menuen Vis indeholde ekstra menupunkter, der giver dig hurtig adgang til de medfølgende filer.

Hurtig adgangskontekstmenu

Åbn skærmbilledet JSView Options i menuen Værktøjer, og fjern markeringen i afkrydsningsfeltet "Deaktiver jsview popup menuer" for at tilføje de ekstra menuer til standardmenuen med højreklik..

Du vil også vælge "Deaktiver View Page Source - JSView" for at deaktivere det overflødige JSView-element i menuen. Nu, når du højreklikker på en side, kan du hurtigt få adgang til kilden.

Bemærk, at hvis du vil have den mest minimale oplevelse, kan du vælge at deaktivere alle mulighederne og bare få adgang til funktionerne fra vinduet med visningskilde.

Andre muligheder

Du kan også vælge om du vil åbne i et nyt vindue ...

Eller om du vil bruge en ekstern editor ...

Dette er en rigtig nyttig udvidelse, der nu er blevet en del af mit webudviklingsværktøj.

Download JSView Extension fra Mozilla Add-ons