Die in den meisten gängigen Internetbrowsern enthaltenen Webentwickler-Tools sind aus mehreren Gründen hilfreich. Sie können beispielsweise zum Debuggen von Code und zum Testen von Änderungen an HTML, CSS und JavaScript in Echtzeit verwendet werden. Um zu erfahren, wie Entwicklertools geöffnet werden, wählen Sie einen Browser aus der Liste unten aus und folgen Sie den Anweisungen.
Google Chrome
- Öffnen Sie den Google Chrome-Browser.
- Klicken Sie auf Google Chrome anpassen und steuern
Symbol in der oberen rechten Ecke des Browserfensters. - Bewegen Sie im angezeigten Dropdown-Menü den Mauszeiger über Weitere Tools und wählen Sie im erweiterten Menü Entwicklertools aus.
- Sie sollten jetzt am unteren Bildschirmrand einen neuen Abschnitt mit den Entwicklertools sehen.
Drücken Sie in Chrome die Taste F12 oder Strg+Umschalt+I (bzw Command+Option+I auf einem Mac) ruft auch die interaktiven Entwicklertools auf.
Mozilla-Firefox
- Öffnen Sie den Mozilla Firefox-Browser.
- Klicken Sie auf das Menü
Symbol in der oberen rechten Ecke des Bildschirms. - Bewegen Sie den Mauszeiger im Dropdown-Menü über Web Developer und wählen Sie Toggle Tools aus dem erweiterten Menü.
- Sie sollten jetzt am unteren Bildschirmrand einen neuen Abschnitt mit den Entwicklertools sehen.
Drücken Sie in Firefox die Taste F12 oder Strg+Umschalt+I (bzw Command+Option+I auf einem Mac) ruft auch die interaktiven Entwicklertools auf.
Microsoft Edge
- Öffnen Sie den Microsoft Edge-Browser.
- Klicken Sie auf Einstellungen und mehr
Symbol in der oberen rechten Ecke des Bildschirms. - Bewegen Sie den Mauszeiger im Dropdown-Menü über Weitere Tools und wählen Sie im erweiterten Menü Entwicklertools aus.
- Sie sollten jetzt auf der rechten Seite des Bildschirms einen neuen Abschnitt mit den Entwicklertools sehen.
In Microsoft Edge werden durch Drücken der Taste F12 oder Strg+Umschalt+I auch die interaktiven Entwicklertools aufgerufen.
Microsoft Internet Explorer
- Öffnen Sie den Internet Explorer-Browser.
- Klicken Sie auf Extras
in der oberen rechten Ecke. - Wählen Sie F12-Entwicklertools aus dem Dropdown-Menü aus.
- Ein neues Fenster mit den Entwicklertools sollte geöffnet werden.
Wenn Sie im Internet Explorer die Taste F12 drücken, wird auch das Menüfenster DOM und Entwicklertools angezeigt.
Safari
In Safari sind die Entwicklertools standardmäßig nicht aktiviert. Die folgenden Abschnitte zeigen Ihnen, wie Sie diese Funktion aktivieren und wie Sie darauf zugreifen.
Zugriff auf Entwickleroptionen in Safari
- Öffnen Sie den Safari-Browser.
- Auswählen
aus der Menüleiste in der oberen linken Ecke des Bildschirms. - Wählen Sie im angezeigten Dropdown-Menü Einstellungen aus.
- Klicken Sie auf die Registerkarte Erweitert und aktivieren Sie das Kontrollkästchen neben Entwicklungsmenü in der Menüleiste anzeigen.
- Sie sollten jetzt die Entwicklerauswahl in der Apple-Menüleiste oben auf dem Bildschirm sehen.
- Klicken Sie auf die Auswahl „Entwickeln“ und wählen Sie „Web Inspector anzeigen“ aus dem Dropdown-Menü aus.
- Ein neues Fenster mit den Entwicklertools sollte geöffnet werden.
Sobald die Entwickleroptionen aktiviert sind, drücken Sie Befehl + Option + I öffnet auch die Entwicklertools.
Oper
- Öffnen Sie den Opera-Browser.
- Klicken Sie auf die Oper
Symbol in der oberen linken Ecke des Browserfensters. - Bewegen Sie den Mauszeiger im Dropdown-Menü über Entwickler und wählen Sie im erweiterten Menü Entwicklertools aus.
Wenn Sie das Entwickler-Untermenü nicht sehen, klicken Sie auf die Menüschaltfläche und wählen Sie Weitere Tools → Entwicklermenü anzeigen. Klicken Sie dann erneut auf die Menüschaltfläche, um den aufgelisteten Entwicklereintrag anzuzeigen.
- Sie sollten jetzt auf der rechten Seite des Bildschirms einen neuen Abschnitt mit den Entwicklertools sehen.
Drücken Sie in Opera die Taste F12 oder Strg+Umschalt+I (bzw Command+Option+I auf einem Mac) ruft auch die interaktiven Entwicklertools auf.
