Entwickler Tools

CHROME

Menü Anzeigen -> Entwickler -> Entwickler Tools
– Quelltext & Styles
– „Device Toolbar“ (um deine Webseite in verschiedenen „Ziel Geräte“ anzuschauen)
– Es ist möglichn ein einzelnes „Element der Seite auswählen“ und zu bearbeiten (Achtung: Die Änderungen in Browser werden NICHT in deiner Webseite gespeichert!)

Mit Rechtsklick -> Untersuchen (sehr praktisch!)


FIREFOX

Menü Extras – Seiteninformationen (ähnlich wie Chrome)
– Inspector & Stilbearbeitung (Quelltext & Styles)
– Links: „Ein Element der Seite auswählen“
– Rechts: „Bildschirmgrössen Testen“ (Cmd+opt+M)


SAFARI

Einmalig im Voraus: Safari Menu -> Einstellungen -> Erweitert -> Menü Entwickler in der Menüleiste anzeigen aktivieren -> Fertig

In Menü Entwickler ->
 – In den Modus „Responsive Design“ wechseln, um deine Webseite auf verschiedenen „Ziel-Geräte“ anzuschauen

Mit Rechtsklick ->
 – Element-Informationen