In Firefox kombinierte HTML-Tags und Webseiten anzeigen

Möchten Sie die HTML-Tags einer Webseite einfacher anzeigen, ohne den Quellcode in einem separaten Fenster anzuzeigen? Jetzt können Sie die Webseite und die Tags mit der X-Ray-Erweiterung für Firefox im selben Fenster anzeigen.

Vor

Wenn Sie den Quellcode hinter einer Webseite anzeigen möchten, müssen Sie ihn normalerweise in einem separaten Fenster anzeigen. Wenn Sie nur an einem bestimmten Abschnitt interessiert sind, müssen Sie den gesamten Code durchsuchen, um das zu finden, wonach Sie suchen.

Nach

Mit der X-Ray-Erweiterung können Sie die Tags des Dokuments (einschließlich Klassen- und ID-Namen) «nebeneinander» mit der Webseite auf derselben Registerkarte anzeigen. Sie können entweder das Kontextmenü oder das Werkzeugmenü verwenden, um auf den Röntgenbefehl zuzugreifen.

Hier ist derselbe Webseitenabschnitt, der im ersten Screenshot oben gezeigt wird. Es mag zunächst etwas seltsam aussehen, bis Sie sich daran gewöhnt haben, beide zusammen zu sehen.

Der Code für einen Teil der Seitenleiste auf derselben Webseite…

Gefolgt von einem der Links am Ende.

Wenn Sie sich ein anderes Beispiel ansehen, nehmen Sie an, dass Sie daran interessiert sind, wie ein Teil des Hauptfeeds eingerichtet wird.

Zu sehen, wie ein bestimmtes Element direkt auf der Webseite eingerichtet ist, ist sicherlich besser als das Durchsuchen der gesamten Codeseite.

Fazit

Wenn Sie Webseiten entwerfen und auf einfache Weise sehen möchten, wie die Website einer anderen Person codiert ist, können Sie diese Erweiterung ausprobieren.

Links

Laden Sie die X-Ray-Erweiterung herunter (Mozilla-Add-Ons)