WEBENTWICKLUNG
Bildquelle: PC Magazin, Ausgabe 2/2022
Browser Developer Tools sind genau das: Werkzeuge innerhalb eines Browsers, die Webworker bei der Arbeit unterstützen. In Chrome, Edge und Firefox öffnen Sie diese mit einem Klick auf F12. In Opera funktioniert es über [STRG] [SHIFT] [C]. Alternativ klicken Sie mit der rechten Maustaste auf ein Element auf der Webseite und wählen aus dem Kontextmenü die Option Untersuchen bzw. Element untersuchen. Die grundlegenden Funktionen sind recht ähnlich. So zeigen Ihnen die DevTools- Elemente im HTML-Code an und dazu die CSS-Eigenschaften, die auf dieses Element angewendet werden. Per Klick ins HTML oder CSS können Sie den Code ändern, um sich die Änderungen direkt im Viewport anzusehen. Auf diese Weise finden Sie schnell heraus, welche Werte für Schriftgröße, Padding, Größe eines Icons, absolute Positionierung oder eine Flexbox am besten geeignet sind – ohne jedes Mal Ihre ...
