Zeigen Sie einfach die Quelle der enthaltenen Dateien in Firefox an

In der Welt der Webentwicklung befindet sich der größte Teil des Designs nicht mehr in der HTML-Seite. Es wurde in die enthaltenen CSS- und Javascript-Dateien verschoben. Das Problem ist, dass wenn Sie einen Blick in den Code werfen wollen, es keine wirklich einfache Möglichkeit gibt, diese CSS / JS-Dateien anzuzeigen.

Es gibt eine Erweiterung namens JSView, mit der Sie die Quelle der enthaltenen Dateien auf verschiedene Weise anzeigen können.

Standardinstallationsnutzung

Nachdem Sie die Erweiterung installiert haben, sehen Sie eine neue Option namens "View Source Source - JSView". Sie gelangen zum selben Bildschirm wie das normale Dialogfeld "Seitenquelle anzeigen".

Wenn Sie sich nun im Bildschirm "Quelle anzeigen" befinden, enthält das Menü "Ansicht" zusätzliche Menüelemente, mit denen Sie schnell auf die enthaltenen Dateien zugreifen können.

Kontextmenü für den Schnellzugriff

Öffnen Sie den Bildschirm "JSView-Optionen" über das Menü "Extras" und deaktivieren Sie die Option "Deaktivieren Sie jsview-Popup-Menüs", um die zusätzlichen Menüs zum Standard-Rechtsklickmenü hinzuzufügen.

Sie sollten auch "View Source Source - JSView deaktivieren" auswählen, um das redundante JSView-Element im Menü zu deaktivieren. Wenn Sie jetzt mit der rechten Maustaste auf eine beliebige Seite klicken, können Sie schnell auf die Quelle zugreifen.

Wenn Sie ein Minimum an Erfahrung wünschen, können Sie alle Optionen deaktivieren und einfach über das Ansichtsquellenfenster auf die Funktionen zugreifen.

Andere Optionen

Sie können auch wählen, ob Sie in einem neuen Fenster öffnen möchten…

Oder einen externen Editor verwenden?

Dies ist eine wirklich nützliche Erweiterung, die mittlerweile Bestandteil meines Webentwicklungs-Toolkits ist.

Laden Sie die JSView-Erweiterung von Mozilla-Add-Ons herunter