Kayce Basques
Sofia Emelianova
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 | Command + Shift + D | Controle + Shift + D |
| Schakel de apparaatmodus in | Command + Shift + M | Controle + Shift + M |
| Schakel de modus Element inspecteren in of uit | Command + Shift + C | Controle + Shift + C |
| Open het Commandomenu | Command + Shift + P | Controle + Shift + P |
| Schakel de lade om | Ontsnappen | Ontsnappen |
| Normaal herladen | Commando + R | F5 of Controle + R |
| Moeilijk herladen | Command + Shift + R | Controle + F5 of Controle + Shift + R |
| 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) | F8 of Command + \ | F8 of Controle + \ |
| Ga over de volgende functieaanroep heen | F10 of Command + ' | F10 of Controle + ' |
| Ga naar de volgende functieaanroep | F11 of Command + ; | F11 of Controle + ; |
| Stap uit de huidige functie | Shift + F11 of Command + Shift + ; | Shift + F11 of Control + Shift + ; |
| Ga door naar een bepaalde coderegel terwijl u bent 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 | Optie + Verwijderen | Controle + Verwijderen |
| Voeg een coderegelbreekpunt toe of verwijder het | Richt uw cursor op de regel en druk vervolgens op Command + B | Focus uw cursor op de lijn en druk vervolgens op Control + B |
| Open het dialoogvenster voor het bewerken van breekpunten om voorwaardelijke breekpunten of logpunten te bewerken | Richt uw cursor op de regel en druk vervolgens op Command + Alt + B | Focus uw cursor op de regel en druk vervolgens op Control + Alt + B |
| Open het dialoogvenster Voorwaardelijke breekpunt | Command + klik op een regelnummer | Control +klik op een regelnummer |
| Open het dialoogvenster Logpunt | Command + Shift + klik op een regelnummer | Control + Shift + klik op een regelnummer |
| Ga naar bijpassende beugel | Controle + M | Controle + M |
| 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-rechts of Tab | Pijl-rechts of 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 > |
Sneltoetsen op het tabblad Zoeken
| Actie | Mac | Windows/Linux |
|---|---|---|
| Vouw alle zoekresultaten uit/samen | Command + Optie + { of } | Control + Shift + { of } |
Sneltoetsen op het recorderpaneel
| Actie | Mac | Windows/Linux |
|---|---|---|
| Start of stop de opname | Commando + E | Controle + E |
| Opname opnieuw afspelen | Commando + Enter | Controle + Enter |
| Kopieer de opname of geselecteerde stap | Commando + C | Controle + C |
| Schakel de codeweergave in | Commando + B | Controle + B |
Sneltoetsen in het deelvenster Lagen
| 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) |
| Schakel de panmodus in | X | X |
| Schakel de rotatiemodus in | V | V |
| Reset de positie en rotatie van het diagram | 0 | 0 |
| Zoom in op het diagram | Shift + + of muiswiel omhoog | Shift + + of muiswiel omhoog |
| Zoom uit het diagram | Shift + - of muiswiel omlaag | Shift + - of muiswiel omlaag |