Browser Console

Aus xinux.net
Zur Navigation springen Zur Suche springen

Die Browser Console lässt sich unter Chrome mit dem Shortcut STRG + SHIFT + J oder Rechtsklick -> Untersuchen öffnen.

Elements

Im Elements Tab kann man den HTML Quellcode inklusive CSS einsehen.

Browserconsole-elements.png


Mit Inspect Element findet man schnell den auf der Website markierten Part im Quellcode. Das kann nützlich sein, um schnell an einen X-PATH für beispielsweise Selenium o.ä. zu kommen.

Browserconsole-inspect-element.png


Die Device Toolbar ist nützlich um eine Website auf responsiveness zu testen. Man kann zwischen bereits eingetragenen Vorlagen (z.B. Screenresolution von iPhone X) oder eine eigene Auflösung nutzen um sich anzeigen zu lassen wie eine Website sich bei verschiedenen Auflösungen verhält.

Browserconsole-device-toolbar.png