/ / Se enkelt kilden til inkluderte filer i Firefox

Vis enkelt kilden til inkluderte filer i Firefox

I nettutviklingsverdenen, mesteparten av designetikke er på siden HTML lenger, den er flyttet til de inkluderte 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 disse CSS / JS-filene på.

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

Standard installasjonsbruk

Når du har installert utvidelsen, ser du et nytt alternativ kalt “Vis sidekilde - JSView”. Det tar deg til samme skjerm som den vanlige dialogboksen Vis sidekilde vil ...

bilde

Nå når du er i Vis kildeskjermbildet, vil Vis-menyen inneholde ekstra menyelementer som lar deg raskt få tilgang til de inkluderte filene.

bilde

Rask tilgang kontekstmeny

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

bilde

Du vil også velge "Deaktiver visning av sidekilde - 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.

bilde

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

Andre muligheter

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

bilde

Eller om du skal bruke en ekstern redaktør ...

bilde

Dette er en veldig nyttig utvidelse som nå har blitt en del av verktøyet for nettutvikling.

Last ned JSView Extension fra Mozilla-tillegg