I webbutvecklingsvärlden är det mesta av designenfinns inte längre på HTML-sidan, den har flyttats till de inkluderade CSS- och Javascript-filerna. Problemet är att när du vill ta en titt på koden finns det inte ett riktigt enkelt sätt att visa dessa CSS / JS-filer.
Det finns ett tillägg som heter JSView som låter dig enkelt se källan till inkluderade 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 Visa sidkälldialogen kommer ...
När du befinner dig i skärmen Visa källa kommer Visa-menyn att innehålla extra menyalternativ som gör att du snabbt kommer åt de inkluderade filerna.
Snabb åtkomstmenyn
Öppna skärmen JSView-alternativ från Verktyg-menyn och avmarkera alternativet "Inaktivera popup-menyer för jsview" för att lägga till de extra menyerna i högerklickmenyn.
Du vill också välja "Inaktivera Visa sidkälla - JSView" för att inaktivera det redundanta JSView-objektet på menyn. När du högerklickar på en sida kan du snabbt få tillgång till källan.
Observera att om du vill ha den mest minimala upplevelsen kan du välja att inaktivera alla alternativ och helt enkelt komma åt funktionerna från fönstret för visningskälla.
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 ...
Detta är ett riktigt användbart tillägg som nu har blivit en del av min webbutvecklingsverktygssats.
Ladda ner JSView-tillägg från Mozilla-tillägg
