Debuggen von HTML mit den Webentwicklungstools von Google Chrome ist ziemlich einfach. Hier sind die Schritte, die Sie befolgen sollten:
1. Öffnen Sie Google Chrome auf Ihrem Computer.
2. Gehe zu der Website, die du debuggen möchtest.
3. Klicken Sie mit der rechten Maustaste auf eine Stelle auf der Seite und wählen Sie “Untersuchen” aus dem Menü. Sie können auch F12 auf Ihrer Tastatur drücken, um die Entwicklertools zu öffnen.
4. Die Entwicklertools werden entweder am unteren Rand oder auf der rechten Seite des Fensters geöffnet. Dann klicken Sie auf den Tab “Elements”. Dort sehen Sie den HTML-Code der Website.
5. In diesem HTML-Code können Sie beliebige Elemente auswählen und ihre Eigenschaften überprüfen oder bearbeiten. Sie können auch bestimmte Teile des Codes suchen, indem Sie Strg + F (Windows) oder Befehl + F (Mac) drücken und dann den zu suchenden Text eingeben.
6. Um die Änderungen zu sehen, die Sie am HTML-Code vorgenommen haben, können Sie die Seite einfach aktualisieren.
7. Bitte beachten Sie, dass die von Ihnen vorgenommenen Änderungen nur lokal auf Ihrem Computer wirksam sind und nicht auf den Server hochgeladen werden (es sei denn, Sie haben Zugriff auf den Server und ändern die Dateien dort).
Die Webentwicklungstools von Google Chrome sind ein leistungsstarkes Werkzeug zum Debuggen von HTML, CSS und JavaScript, und sie enthalten auch viele andere Funktionen, wie z. B. einen Netzwerk-Monitor, einen Leistungsprofiler, einen Debugger für JavaScript, Console und mehr.
Bitte beachten Sie auch, dass in den Entwicklertools viele weitere Funktionen zum Debuggen und Testen von Webseiten/Apps zur Verfügung stehen, etwa Netzwerkanalyse, Performance-Tests, Überprüfung von Service-Workers und vieles mehr.
