Vis enkelt kilde for inkluderte filer i Firefox

I webutviklingsverdenen er det meste av designet ikke på siden HTML lenger, det er blitt flyttet til den medfølgende CSS og Javascript-filene. Problemet er at når du vil ta en titt på koden, er det ikke en veldig enkel måte å se de CSS / JS-filene på.

Det er en utvidelse kalt JSView som lar deg enkelt se kilden til medfølgende filer på et par forskjellige måter.

Standard installasjonsbruk

Når du har installert utvidelsen, ser du et nytt alternativ kalt "View Page Source - JSView". Det tar deg til samme skjermbilde som den vanlige View Page Source-dialogen vil ...

Nå når du er på skjermbildet Vis kilde, vil Vis-menyen inneholde ekstra menyelementer som lar deg raskt få tilgang til de medfølgende filene.

Hurtig tilgangsmeny

Åpne skjermbildet JSView Options fra Verktøy-menyen, og fjern merket for "Deaktiver jsview popup menyer" -elementet for å legge til de ekstra menyene i standard høyreklikkmeny.

Du vil også velge "Deaktiver visningsside Kilde - JSView" for å deaktivere det overflødige JSView-elementet på menyen. Nå når du høyreklikker på en hvilken som helst side, kan du raskt få tilgang til kilden.

Merk at hvis du vil ha den mest minimale opplevelsen, kan du velge å deaktivere alle alternativene og bare få tilgang til funksjonene fra visningskilden.

Andre muligheter

Du kan også velge om du skal åpne i et nytt vindu ...

Eller om du vil bruke en ekstern redigerer ...

Dette er en veldig nyttig utvidelse som nå er blitt en del av min webutviklingsverktøy.

Last ned JSView Extension fra Mozilla Add-ons