Visa enkelt källkod för inkluderade filer i Firefox

I webbutvecklingsvärlden är det mesta av designen inte på sidan HTML längre, det har flyttats till medföljande CSS och Javascript-filer. Problemet är att när du vill ta en titt på koden finns det inte ett riktigt enkelt sätt att se de CSS / JS-filerna.

Det finns en förlängning som heter JSView som låter dig enkelt se källan till medföljande filer på ett par olika sätt.

Standardinstallationsanvändning

När du har installerat tillägget ser du ett nytt alternativ som heter "Visa sidkälla - JSView". Det tar dig till samma skärm som den vanliga View Page Source-dialogen kommer att ...

Nu när du är på skärmbilden Visa källa, kommer menyn Visa att innehålla extra menyalternativ som låter dig snabbt komma åt de medföljande filerna.

Snabbmenyns snabbmeny

Öppna skärmen JSView Options från Verktyg-menyn och avmarkera alternativet "Inaktivera Jsview popup menyer" för att lägga till de extra menyerna till standardmenyn med högreklikk.

Du vill också välja "Inaktivera Visa Sidkälla - JSView" för att inaktivera det överflödiga JSView-objektet på menyn. Nu när du högerklickar på vilken sida som helst kan du snabbt få tillgång till källan.

Observera att om du vill ha den minsta erfarenheten, kan du välja att inaktivera alla alternativ och helt enkelt få tillgång till funktionerna från visningskällfönstret.

Andra alternativ

Du kan också välja om du vill öppna i ett nytt fönster ...

Eller om du vill använda en extern redaktör ...

Det här är en väldigt användbar tillägg som nu har blivit en del av min webbutvecklingsverktyg.

Hämta JSView Extension från Mozilla Add-ons