In der Welt der Webentwicklung befindet sich der größte Teil des Designs nicht mehr im Seiten-HTML, sondern wurde in die enthaltenen CSS- und Javascript-Dateien verschoben. Das Problem ist, dass es keine wirklich einfache Möglichkeit gibt, diese CSS / JS-Dateien anzuzeigen, wenn Sie einen Blick in den Code werfen möchten.
Es gibt eine Erweiterung namens JSView, mit der Sie die Quelle der enthaltenen Dateien auf verschiedene Arten anzeigen können.
Standardinstallationsverwendung
Sobald Sie die Erweiterung installiert haben, wird eine neue Option mit dem Namen "Seitenquelle anzeigen - JSView" angezeigt. Sie gelangen auf denselben Bildschirm wie im regulären Dialogfeld "Seitenquelle anzeigen".
Wenn Sie sich jetzt im Bildschirm Quelltext 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" im Menü "Extras" und deaktivieren Sie das Element "Popup-Menüs von jsview deaktivieren", um die zusätzlichen Menüs zum Standardmenü mit der rechten Maustaste hinzuzufügen.
Sie möchten auch "Seitenquelle für Ansicht deaktivieren - JSView" auswählen, um das redundante JSView-Element im Menü zu deaktivieren. Wenn Sie jetzt mit der rechten Maustaste auf eine Seite klicken, können Sie schnell auf die Quelle zugreifen.
Beachten Sie, dass Sie, wenn Sie die geringstmögliche Erfahrung wünschen, alle Optionen deaktivieren und einfach über das Quellfenster der Ansicht auf die Funktionen zugreifen können.
Andere Optionen
Sie können auch auswählen, ob Sie in einem neuen Fenster öffnen möchten.
Oder ob Sie einen externen Editor verwenden möchten…
Dies ist eine wirklich nützliche Erweiterung, die jetzt Teil meiner ist Web Development Toolkit .
Laden Sie die JSView-Erweiterung von Mozilla-Add-Ons herunter
