google-chrome-devtoolsAan de slag met google-chrome-devtools


Opmerkingen

Deze sectie geeft een overzicht van wat google-chrome-devtools is en waarom een ontwikkelaar het misschien wil gebruiken.

Er moeten ook grote onderwerpen in google-chrome-devtools worden vermeld en naar de gerelateerde onderwerpen worden gelinkt. Aangezien de documentatie voor google-chrome-devtools nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Toegang tot Chrome Dev Tools

Hoewel de Chrome-browser geopend is voor elk tabblad (behalve welkomsttabs), hebt u drie opties om Chrome Dev Tools te openen:

Toetsenbord : typ command ⌘ + option + i

Browser Menu : Klik op 'Menu'> 'More Tools'> 'Developer Tools'

browsermenu om Chrome-hulpprogramma's te ontwikkelen

Programmamenu ( bovenaan uw scherm ): klik op 'Beeld'> 'Ontwikkelaar'> 'Ontwikkelaarstools'

Programmamenu om dev-tools te Chrome

Ga naar lid (javaScript-functie / CSS-regel)

Gebruik CTRL + SHIFT + O ( + SHIFT + O voor mac) om naar een javaScript-functie / CSS-regel te navigeren bij het bekijken van een bestand.

Zoeken op bestandsnaam

Gebruik op het tabblad bronnen CTRL + O ( + O voor Mac) om te zoeken op bestandsnaam.