I webudviklingsverdenen er det meste af designetfindes ikke længere på siden HTML, den er flyttet til de inkluderede 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, der giver dig mulighed for let at se kilden til inkluderede filer på et par forskellige måder.
Standard installationsanvendelse
Når du har installeret udvidelsen, vil du se en ny mulighed kaldet "Vis sidekilde - JSView". Det fører dig til det samme skærmbillede, som den almindelige dialogboks med visningssider vil ...
Når du nu er i skærmbilledet View Source, vil View-menuen indeholde ekstra menupunkter, der giver dig hurtig adgang til de inkluderede filer.
Hurtig adgangsforholdsmenu
Åbn skærmen JSView-indstillinger fra menuen Værktøjer, og fjern markeringen fra "Deaktiver popup-menuer i jsview" for at tilføje de ekstra menuer til standardhøjreklikmenuen.
Du vil også vælge "Deaktiver visning af sidekilde - JSView" for at deaktivere det overflødige JSView-element i menuen. Når du nu højreklikker på en vilkårlig side, kan du hurtigt få adgang til kilden.
Bemærk, at hvis du ønsker den mest minimale oplevelse, kan du vælge at deaktivere alle indstillingerne og blot få adgang til funktionerne fra visningskildevinduet.
Andre muligheder
Du kan også vælge, om du vil åbne i et nyt vindue ...
Eller om man skal bruge en ekstern editor…
Dette er en virkelig nyttig udvidelse, der nu er blevet en del af min værktøjskasse til webudvikling.
Download JSView-udvidelse fra Mozilla-tilføjelser
