Deze pagina is een verwijzing naar sneltoetsen in Chrome DevTools.
U kunt ook snelkoppelingen vinden in tooltips. Beweeg over een UI-element van DevTools om de knopinfo weer te geven. Als het element een snelkoppeling heeft, wordt deze in de tooltip opgenomen.
Sneltoetsen voor het openen van DevTools
Om DevTools te openen, drukt u op de volgende sneltoetsen terwijl uw cursor op de browserviewport staat:
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
Controle + Shift + J
Open het paneel Elementen
Command + Shift + C of Command + Option + C
Controle + Shift + C
Algemene sneltoetsen
De volgende sneltoetsen zijn beschikbaar in de meeste, zo niet alle, DevTools-panelen.
Actie
Mac
Windows/Linux
Instellingen tonen
? of Functie + F1
?of F1
Stel het volgende paneel scherp
Commando + ]
Controle + ]
Stel het vorige paneel scherp
Commando + [
Controle + [
Schakel terug naar de dockingpositie die u het laatst hebt gebruikt. Als DevTools de hele sessie in de standaardpositie heeft gestaan, koppelt deze snelkoppeling DevTools los in een apart venster
Zoek naar tekst binnen het huidige paneel. Alleen ondersteund in de panelen Elements , Console , Sources , Performance , Memory , JavaScript Profiler en Quick Source .
Commando + F
Controle + F
Opent het tabblad Zoeken in de Lade , waarmee u naar tekst in alle geladen bronnen kunt zoeken
Command + Optie + F
Controle + Shift + F
Open een bestand in het paneel Bronnen
Command + O of Command + P
Controle + O of Controle + P
Zoom in
Command + Shift + +
Controle + Shift + +
Uitzoomen
Commando + -
Controle + -
Herstel het standaard zoomniveau
Commando + 0
Controle + 0
Voer een fragment uit
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 Commandomenu te openen, typ ! gevolgd door de naam van het script en druk vervolgens op Enter
Sneltoetsen op het paneel Elementen
Actie
Mac
Windows/Linux
Wijziging ongedaan maken
Commando + Z
Controle + Z
Wijziging opnieuw uitvoeren
Command + Shift + Z
Controle + Y
Selecteer het element boven/onder het momenteel geselecteerde element
Pijl omhoog / Pijl omlaag
Pijl omhoog / Pijl omlaag
Vouw het momenteel geselecteerde knooppunt uit. Als het knooppunt al is uitgevouwen, selecteert deze snelkoppeling het element eronder
Pijl naar rechts
Pijl naar rechts
Vouw het momenteel geselecteerde knooppunt samen. Als het knooppunt al is samengevouwen, selecteert deze snelkoppeling het element erboven
Pijl naar links
Pijl naar links
Vouw het momenteel geselecteerde knooppunt en alle onderliggende knooppunten uit of samen
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 voor het momenteel geselecteerde element
Binnenkomen
Binnenkomen
Selecteer het volgende/vorige attribuut nadat u de modus Attributen bewerken hebt geopend
Tab / Shift + Tab
Tab / Shift + Tab
Verberg het momenteel geselecteerde element
H
H
Schakel Bewerken als HTML- modus in voor het momenteel geselecteerde element
Functie + F2
F2
Sneltoetsen in het stijlvenster
Actie
Mac
Windows/Linux
Ga naar de regel waar een eigendomswaarde wordt aangegeven
Houd Command ingedrukt en klik vervolgens op de eigenschapswaarde
Houd Control ingedrukt en klik vervolgens op de eigenschapswaarde
Blader door de RGBA-, HSLA- en Hex-weergaven van een kleurwaarde
Houd Shift ingedrukt en klik vervolgens op het vak Kleurvoorbeeld naast de waarde
Houd Shift ingedrukt en klik vervolgens op het vak Kleurvoorbeeld naast de waarde
Selecteer de volgende/vorige eigenschap of waarde
Klik op de naam of waarde van een eigenschap en druk vervolgens op Tab / Shift + Tab
Klik op de naam of waarde van een eigenschap en druk vervolgens op Tab / Shift + Tab
Een eigenschapswaarde verhogen/verlagen met 0,1
Klik op een waarde en druk vervolgens op Option + Pijl-omhoog / Option + Pijl-omlaag
Klik op een waarde en druk vervolgens op Alt + Pijl-omhoog / Alt + Pijl-omlaag
Een eigenschapswaarde verhogen/verlagen met 1
Klik op een waarde en druk vervolgens op de pijl-omhoog / pijl-omlaag
Klik op een waarde en druk vervolgens op de pijl-omhoog / pijl-omlaag
Een eigenschapswaarde verhogen/verlagen met 10
Klik op een waarde en druk vervolgens op Shift + Pijl-omhoog / Shift + Pijl-omlaag
Klik op een waarde en druk vervolgens op Shift + Pijl-omhoog / Shift + Pijl-omlaag
Een eigenschapswaarde verhogen/verlagen met 100
Klik op een waarde en druk vervolgens op Command + Pijl-omhoog / Command + Pijl-omlaag
Klik op een waarde en druk vervolgens op Control + Pijl-omhoog / Control + Pijl-omlaag
Blader door de representaties van graden (graden), gradiënten (grad), radialen (rad) en bochten (turn) van een hoekwaarde
Houd Shift ingedrukt en klik vervolgens op het vak Hoekvoorbeeld naast de waarde
Houd Shift ingedrukt en klik vervolgens op het vak 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 / pijl-omlaag
Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op de pijl-omhoog / pijl-omlaag
Verhoog/verlaag een hoekwaarde met 10
Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift + Pijl-omhoog / Shift + Pijl-omlaag
Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift + Pijl-omhoog / Shift + Pijl-omlaag
Verhoog/verlaag een hoekwaarde met 15
Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift , klik/muisschuif over de hoekklokoverlay
Klik op het vakje Hoekvoorbeeld naast de waarde en druk vervolgens op Shift , klik/muisschuif over de hoekklokoverlay
Sneltoetsen op het paneel Bronnen
Actie
Mac
Windows/Linux
De uitvoering van het script onderbreken (indien actief) of hervatten (indien momenteel gepauzeerd)
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
Controle + . / Controle + ,
Controle + . / Controle + ,
Sla wijzigingen in lokale wijzigingen op
Commando + S
Controle + S
Sla alle wijzigingen op
Command + Optie + S
Controle + Alt + S
Ga naar lijn
Controle + G
Controle + G
Ga naar een regelnummer van het momenteel geopende bestand
Druk op Command + O om het Commandomenu te openen, typ : gevolgd door het regelnummer en druk vervolgens op Enter
Druk op Control + O om het Commandomenu te openen, typ : gevolgd door het regelnummer en druk vervolgens op Enter
Naar een kolom van het momenteel geopende bestand springen (bijvoorbeeld regel 5, kolom 9)
Druk op Command + O om het Commandomenu te openen, typ : , vervolgens het regelnummer, vervolgens nog een : , vervolgens het kolomnummer en druk vervolgens op Enter
Druk op Control + O om het Commandomenu te openen, typ : , vervolgens het regelnummer, vervolgens nog een : , vervolgens het kolomnummer en druk vervolgens 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 stylesheet is)
Druk op Command + Shift + O en typ vervolgens de naam van de declaratie/regelset, of selecteer deze in de lijst met opties
Druk op Control + Shift + O en typ vervolgens de naam van de declaratie/regelset, of selecteer deze in de lijst met opties
Sluit het actieve tabblad
Optie + W
Alt + W
Open het volgende of vorige tabblad
Functie + Command + Omhoog of Omlaag
Controle + Pagina omhoog of Pagina omlaag
Schakel de navigatiezijbalk aan de linkerkant in of uit
Command + Shift + Y
Controle + Shift + Y
Schakel de Debugger -zijbalk aan de rechterkant in of uit
Command + Shift + H
Controle + Shift + H
Sneltoetsen voor Code-editor
Actie
Mac
Windows/Linux
Verwijder alle tekens in het laatste woord, tot aan de cursor
Schakel commentaar van één regel in. Als er meerdere regels zijn geselecteerd, voegt DevTools een opmerking toe aan het begin van elke regel
Commando + /
Controle + /
Selecteer/deselecteer het volgende exemplaar van het woord waarop de cursor staat. Elke gebeurtenis wordt tegelijkertijd gemarkeerd
Commando + D / Commando + U
Controle + D / Controle + U
Sneltoetsen op het netwerkpaneel
Actie
Mac
Windows/Linux
Zoek in headers, payloads en reacties
Commando + F
Controle + F
Opname starten/stoppen
Commando + E
Controle + E
Neem een herlaadbeurt op
Commando + R
Controle + R
Speel een geselecteerd XHR-verzoek opnieuw af
R
R
Verberg de details van een geselecteerd verzoek
Ontsnappen
Ontsnappen
Sneltoetsen op het prestatiepaneel
Actie
Mac
Windows/Linux
Opname starten/stoppen
Commando + E
Controle + E
Opname opslaan
Commando + S
Controle + S
Opname laden
Commando + O
Controle + O
Sneltoetsen op het geheugenpaneel
Actie
Mac
Windows/Linux
Opname starten/stoppen
Commando + E
Controle + E
Sneltoetsen op het consolepaneel
Actie
Mac
Windows/Linux
Accepteer suggestie voor automatisch aanvullen
Pijl-rechtsof Tab
Pijl-rechtsof Tab
Suggestie voor automatisch aanvullen afwijzen
Ontsnappen
Ontsnappen
Navigeer omhoog of omlaag door de lijst met automatisch aanvullen
Omhoog / Omlaag of Control + P / N
Omhoog / Omlaag of Control + P / N
Vorige verklaring ophalen
Pijl omhoog
Pijl omhoog
Ontvang de volgende verklaring
Pijl naar beneden
Pijl naar beneden
Focus de console
Controle + `
Controle + `
Maak de console leeg
Command + K of Optie + L
Controle + L
Forceer een invoer met meerdere regels. Houd er rekening mee dat DevTools standaard scenario's met meerdere regels zou moeten detecteren, dus deze snelkoppeling is nu meestal niet nodig
Shift + Terug
Shift + Enter
Uitvoeren
Opbrengst
Binnenkomen
Vouw alle subeigenschappen uit van een object dat in de console is geregistreerd
Houd Alt ingedrukt en klik vervolgens op Uitbreiden>
Houd Alt ingedrukt en klik vervolgens op Uitbreiden>
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-02-20 UTC."],[],[]]