Toetsenbord sneltoetsen

Kayce Basken
Sofia Emelianova
Sofia Emelianova
GitHub

Deze pagina is een referentie voor sneltoetsen in Chrome DevTools.

Je kunt snelkoppelingen ook vinden in tooltips. Beweeg de muis over een UI-element van DevTools om de bijbehorende tooltips weer te geven. Als het element een snelkoppeling heeft, wordt deze in de tooltips opgenomen.

Sneltoetsen voor het openen van DevTools

Om DevTools te openen, drukt u op de volgende sneltoetsen terwijl uw cursor zich in het browservenster bevindt:

Actie Mac Windows / Linux
Open het paneel dat u het laatst hebt gebruikt Command + Optie + I F12 of Control + Shift + I
Open het consolepaneel Command + Optie + J Ctrl + Shift + J
Open het Elementenpaneel Command + Shift + C of Command + Option + C Ctrl + Shift + C

Globale sneltoetsen

De volgende sneltoetsen zijn beschikbaar in de meeste, zo niet alle, DevTools-panelen.

Actie Mac Windows / Linux
Instellingen weergeven ? of Functie + F1 ? of F1
Focus op het volgende paneel Command + ] Ctrl + ]
Focus op het vorige paneel Command + [ Controle + [
Schakel terug naar de dockingpositie die u het laatst hebt gebruikt. Als DevTools gedurende de hele sessie in de standaardpositie heeft gestaan, koppelt deze snelkoppeling DevTools los in een apart venster. Command + Shift + D Ctrl + Shift + D
Apparaatmodus wisselen Command + Shift + M Ctrl + Shift + M
Schakel de inspectie-elementmodus in of uit Command + Shift + C Ctrl + Shift + C
Open het opdrachtmenu Command + Shift + P Ctrl + Shift + P
De lade omdraaien Ontsnappen Ontsnappen
Normaal herladen Command + R F5 of Control + R
Harde herlading Command + Shift + R Control + F5 of Control + Shift + R
Zoek naar tekst binnen het huidige paneel. Alleen ondersteund in de panelen Elementen , Console , Bronnen , Prestaties , Geheugen , JavaScript Profiler en Snelle bron . Command + F Ctrl + F
Opent het tabblad Zoeken in de Lade , waarmee u in alle geladen bronnen naar tekst kunt zoeken Command + Optie + F Ctrl + Shift + F
Open een bestand in het paneel Bronnen Command + O of Command + P Control + O of Control + P
Inzoomen Command + Shift + + Ctrl + Shift + +
Uitzoomen Commando + - Controle + -
Standaard zoomniveau herstellen Commando + 0 Controle + 0
Fragment uitvoeren Druk op Command + O om het Commandomenu te openen, typ ! gevolgd door de naam van het script en druk vervolgens op Enter Druk op Control + O om het menu Commando te openen, typ ! gevolgd door de naam van het script en druk vervolgens op Enter

Sneltoetsen voor het elementenpaneel

Actie Mac Windows / Linux
Wijziging ongedaan maken Command + Z Ctrl + Z
Wijziging opnieuw uitvoeren Command + Shift + Z Ctrl + Y
Selecteer het element boven/onder het momenteel geselecteerde element Omhoogpijl / Omlaagpijl Omhoogpijl / Omlaagpijl
Vouw het momenteel geselecteerde knooppunt uit. Als het knooppunt al is uitgevouwen, selecteert deze sneltoets het element eronder. Pijl naar rechts Pijl naar rechts
Vouw het momenteel geselecteerde knooppunt samen. Als het knooppunt al is samengevouwen, selecteert deze sneltoets het element erboven. Linkerpijl Linkerpijl
Het momenteel geselecteerde knooppunt en al zijn onderliggende knooppunten uitvouwen of samenvouwen Houd Option ingedrukt en klik vervolgens op het pijlpictogram naast de naam van het element Houd Control + Alt ingedrukt en klik vervolgens op het pijlpictogram naast de naam van het element
Schakel de modus Attributen bewerken in op het momenteel geselecteerde element Binnenkomen Binnenkomen
Selecteer het volgende/vorige kenmerk nadat u de modus Attributen bewerken hebt geopend Tab / Shift + Tab Tab / Shift + Tab
Het momenteel geselecteerde element verbergen H H
Schakel de modus Bewerken als HTML in op het momenteel geselecteerde element Functie + F2 F2

Sneltoetsen voor het paneel Stijlen

Actie Mac Windows / Linux
Ga naar de regel waar een eigenschapswaarde is aangegeven Houd Command ingedrukt en klik vervolgens op de eigenschapswaarde Houd Control ingedrukt en klik vervolgens op de eigenschapswaarde
Doorloop de CSS-regels Omhoogpijl / Omlaagpijl Omhoogpijl / Omlaagpijl
Door de eigenschappen en besturingselementen in eigenschapswaarden binnen een CSS-regel bladeren Pijl naar links / Pijl naar rechts Pijl naar links / Pijl naar rechts
Open de CSS-waardetooltips wanneer u de focus legt op een functie in een eigenschapswaarde (bijvoorbeeld var, calc, clamp, enz., aangegeven door een gestippelde onderstreping) Optie + pijltje omlaag Alt + pijltje omlaag
De weergave van een kleurwaarde wijzigen (bijv. RGB, hex, oklch, enz.) Houd Shift ingedrukt en klik vervolgens op het vakje Kleurvoorbeeld naast de waarde Houd Shift ingedrukt en klik vervolgens op het vakje Kleurvoorbeeld naast de waarde
De volgende/vorige eigenschap of waarde bewerken Klik op een eigenschapsnaam of -waarde en druk vervolgens op Tab / Shift + Tab Klik op een eigenschapsnaam of -waarde en druk vervolgens op Tab / Shift + Tab
Een eigenschapswaarde met 0,1 verhogen/verlagen Klik op een waarde en druk vervolgens op Option + Pijltje omhoog / Option + Pijltje omlaag Klik op een waarde en druk vervolgens op Alt + pijltje omhoog / Alt + pijltje omlaag
Een eigenschapswaarde met 1 verhogen/verlagen Klik op een waarde en druk vervolgens op de pijl omhoog / omlaag Klik op een waarde en druk vervolgens op de pijl omhoog / omlaag
De waarde van een eigenschap met 10 verhogen/verlagen Klik op een waarde en druk vervolgens op Shift + Pijltje omhoog / Shift + Pijltje omlaag Klik op een waarde en druk vervolgens op Shift + Pijltje omhoog / Shift + Pijltje omlaag
De waarde van een eigenschap met 100 verhogen/verlagen Klik op een waarde en druk vervolgens op Command + Pijltje omhoog / Command + Pijltje omlaag Klik op een waarde en druk vervolgens op Control + pijltje omhoog / Control + pijltje omlaag
Doorloop de graden (deg), decimale graden (grad), radialen (rad) en bochten (turn) representaties van een hoekwaarde Houd Shift ingedrukt en klik vervolgens op het vakje Hoekvoorbeeld naast de waarde Houd Shift ingedrukt en klik vervolgens op het vakje Hoekvoorbeeld naast de waarde
Een hoekwaarde met 1 verhogen/verlagen Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op de pijl omhoog / omlaag Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op de pijl omhoog / omlaag
Een hoekwaarde met 10 verhogen/verlagen Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift + Pijltje omhoog / Shift + Pijltje omlaag Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift + Pijltje omhoog / Shift + Pijltje omlaag
Een hoekwaarde met 15 verhogen/verlagen Klik op het vakje Hoekvoorbeeld naast de waarde, druk op Shift en klik/schuif met de muis over de overlay Hoekklok. Klik op het vakje Hoekvoorbeeld naast de waarde, druk op Shift en klik/schuif met de muis over de overlay Hoekklok.

Sneltoetsen voor het bronnenpaneel

Actie Mac Windows / Linux
De uitvoering van het script pauzeren (indien momenteel actief) of hervatten (indien momenteel gepauzeerd) F8 of Command + \ F8 of Control + \
Ga over de volgende functieaanroep F10 of Command + ' F10 of Control + '
Stap naar de volgende functieoproep F11 of Command + ; F11 of Control + ;
Uit de huidige functie stappen Shift + F11 of Command + Shift + ; Shift + F11 of Control + Shift + ;
Doorgaan naar een bepaalde regel code terwijl u gepauzeerd bent Houd Command ingedrukt en klik vervolgens op de coderegel Houd Control ingedrukt en klik vervolgens op de coderegel
Selecteer het oproepframe onder/boven het momenteel geselecteerde frame Control + . / Control + , Control + . / Control + ,
Wijzigingen opslaan in lokale aanpassingen Command + S Ctrl + S
Alle wijzigingen opslaan Command + Optie + S Ctrl + Alt + S
Ga naar de lijn Ctrl + G Ctrl + G
Spring naar een regelnummer van het momenteel geopende bestand Druk op Command + O om het Command Menu te openen, typ : gevolgd door het regelnummer en druk vervolgens op Enter Druk op Control + O om het Command Menu te openen, typ : gevolgd door het regelnummer en druk vervolgens op Enter
Spring naar een kolom van het momenteel geopende bestand (bijvoorbeeld regel 5, kolom 9) Druk op Command + O om het Command Menu te openen, typ : , dan het regelnummer, dan nog een : , dan het kolomnummer en druk op Enter Druk op Control + O om het Commandomenu te openen, typ : , dan het regelnummer, dan nog een : , dan het kolomnummer en druk op Enter
Ga naar een functiedeclaratie (als het momenteel geopende bestand HTML of een script is) of een regelset (als het momenteel geopende bestand een stijlblad is) Druk op Command + Shift + O en typ vervolgens de naam van de declaratie/regelset, of selecteer deze uit de lijst met opties Druk op Control + Shift + O en typ vervolgens de naam van de declaratie/regelset, of selecteer deze uit de lijst met opties
Sluit het actieve tabblad Optie + W Alt + W
Open volgend of vorig tabblad Functie + Command + Omhoog of Omlaag Control + Pagina Omhoog of Pagina Omlaag
Schakel de navigatiezijbalk aan de linkerkant in Command + Shift + Y Ctrl + Shift + Y
Schakel de Debugger -zijbalk aan de rechterkant in of uit Command + Shift + H Ctrl + Shift + H

Sneltoetsen voor de code-editor

Actie Mac Windows / Linux
Verwijder alle tekens in het laatste woord, tot aan de cursor Optie + Verwijderen Control + Delete
Een regel code-breekpunt toevoegen of verwijderen Plaats de cursor op de regel en druk vervolgens op Command + B Plaats uw cursor op de regel en druk vervolgens op Control + B
Open het dialoogvenster voor het bewerken van breekpunten om voorwaardelijke breekpunten of logpunten te bewerken Plaats de cursor op de regel en druk vervolgens op Command + Alt + B Plaats de cursor op de regel en druk vervolgens op Control + Alt + B
Het dialoogvenster Voorwaardelijk breekpunt openen Command + klik op een regelnummer Control + klik op een regelnummer
Open het logpoint- dialoogvenster Command + Shift + klik op een regelnummer Control + Shift + klik op een regelnummer
Ga naar de bijpassende haak Ctrl + M Ctrl + M
Schakel commentaar op één regel in of uit. Als er meerdere regels zijn geselecteerd, voegt DevTools een commentaar toe aan het begin van elke regel. Commando + / Controle + /
Selecteer/deselecteer de volgende vermelding van het woord waarop de cursor staat. Elke vermelding wordt gelijktijdig gemarkeerd. Command + D / Command + U Control + D / Control + U

Sneltoetsen voor het netwerkpaneel

Actie Mac Windows / Linux
Zoekheaders, payloads en reacties Command + F Ctrl + F
Opname starten/stoppen Command + E Ctrl + E
Een herlading opnemen Command + R Ctrl + R
Een geselecteerde XHR-aanvraag opnieuw afspelen R R
Verberg de details van een geselecteerde aanvraag Ontsnappen Ontsnappen

Sneltoetsen voor het Prestatiepaneel

Actie Mac Windows / Linux
Opname starten/stoppen Command + E Ctrl + E
Opname opslaan Command + S Ctrl + S
Opname laden Command + O Ctrl + O

Sneltoetsen voor het geheugenpaneel

Actie Mac Windows / Linux
Opname starten/stoppen Command + E Ctrl + E

Sneltoetsen voor het consolepaneel

Actie Mac Windows / Linux
Accepteer suggesties voor automatisch aanvullen Rechterpijl of Tab Rechterpijl of Tab
Suggestie voor automatisch aanvullen afwijzen Ontsnappen Ontsnappen
Navigeer omhoog of omlaag door de autocomplete-lijst Omhoog / omlaag of Control + P / N Omhoog / omlaag of Control + P / N
Haal vorige verklaring op Pijl omhoog Pijl omhoog
Ontvang de volgende verklaring Pijltje omlaag Pijltje omlaag
Focus de console Ctrl + ` Ctrl + `
Maak de console leeg Command + K of Option + L Ctrl + L
Forceer een invoer met meerdere regels. Houd er rekening mee dat DevTools standaard scenario's met meerdere regels zou moeten detecteren, dus deze sneltoets is nu meestal overbodig. Shift + Return Shift + Enter
Uitvoeren Opbrengst Binnenkomen
Vouw alle subeigenschappen uit van een object dat is geregistreerd in de console Houd Alt ingedrukt en klik vervolgens op Uitvouwen > Houd Alt ingedrukt en klik vervolgens op Uitvouwen >
Actie Mac Windows / Linux
Alle zoekresultaten uitvouwen/samenvouwen Command + Option + { of } Control + Shift + { of }

Sneltoetsen voor het recorderpaneel

Actie Mac Windows / Linux
Opname starten of stoppen Command + E Ctrl + E
Opname opnieuw afspelen Command + Enter Ctrl + Enter
Kopieer opname of geselecteerde stap Command + C Ctrl + C
Codeweergave in-/uitschakelen Command + B Ctrl + B

Sneltoetsen voor het lagenpaneel

Actie Mac Windows / Linux
Verplaats het diagram langs de X- en Y-as W (omhoog), A (links), S (omlaag), D (rechts) W (omhoog), A (links), S (omlaag), D (rechts)
Pan-modus in-/uitschakelen X X
Rotatiemodus in-/uitschakelen V V
De positie en rotatie van het diagram resetten 0 0
Inzoomen op het diagram Shift + + of muiswiel omhoog Shift + + of muiswiel omhoog
Uitzoomen van het diagram Shift + - of muiswieltje naar beneden Shift + - of muiswieltje naar beneden