Developer Tools in Chrome


Entwicklertools in Chrome



Possibilities to access the Developer Tools


Entwicklertools aufrufen


Screenshot


Right-click on any element and choose the Inspect option.

Alternatives:

  • Mac: press Command+Option+C
  • Windows, Linux, Chrome OS: press Control+Shift+C.


Klicken Sie rechts auf ein beliebiges Element und wählen Sie "Untersuchen".

Alternativen:

  • Mac: Command+Option+C
  • Windows, Linux, Chrome OS: Control+Shift+C



  1. Click Customize and control Google Chrome (the three vertical dots on the top-right corner of Chrome). 
  2. Select More Tools →  Developer Tools.

Please check for more information: https://developers.google.com/web/tools/chrome-devtools


  1. Klicken Sie auf "Google Chrome anpassen und einstellen" (die drei vertikalen Punkte oben rechts im Chrome-Browser).
  2. Wählen Sie Weitere Tools → Entwicklertools

Weitere Informationen hier (englisch): https://developers.google.com/web/tools/chrome-devtools




Developer Tools in other browsers


Entwicklertools in anderen Browsern


BrowserLink
Firefoxhttps://developer.mozilla.org/en-US/docs/Tools
IEhttps://www.isunshare.com/windows-10/3-ways-to-open-developer-tools-in-ie-on-windows-10.html
Edgehttps://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium
Safarihttps://coolestguidesontheplanet.com/safari-web-developer-tools-show-dock-browser-window/