Documentation
Space shortcuts
Documentation DOC

Versions Compared

Old Version 14

changes.mady.by.user Oliver Sträßer

Saved on

compared with

New Version Current

changes.mady.by.user Oliver Sträßer

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents



English

Developer Tools in Chrome


German

Entwicklertools in Chrome



English

Possibilities to access the Developer Tools


German

Entwicklertools aufrufen


Screenshot


English

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

Alternatives:

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


German

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

Alternativen:

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



English
  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


German
  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




English

Developer Tools in other browsers


German

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/


Documentation DOC