Sneltoetsen

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Deze pagina is een referentie voor sneltoetsen in Chrome DevTools.

Je kunt ook sneltoetsen vinden in tooltips. Plaats de cursor op een UI-element van DevTools om de tooltip te tonen. Als het element een sneltoets heeft, staat deze in de tooltip.

Sneltoetsen om DevTools te openen

Als je DevTools wilt openen, druk je op de volgende sneltoetsen terwijl de cursor in het browserviewport staat:

ActieMacWindows / Linux
Het laatst gebruikte deelvenster openenCommand+Option+IF12 of Control+Shift+I
Het deelvenster Console openenCommand+Option+JControl+Shift+J
Het deelvenster Elementen openenCommand+Shift+C of Command+Option+CControl+Shift+C

Globale sneltoetsen

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

ActieMacWindows / Linux
Instellingen tonen? of Function+F1? of F1
De focus op het volgende deelvenster plaatsenCommand+]Control+]
De focus op het vorige deelvenster plaatsenCommand+[Control+[
Terugschakelen naar de laatst gebruikte dockingpositie. Als DevTools de hele sessie op de standaardpositie heeft gestaan, wordt DevTools met deze sneltoets losgekoppeld in een afzonderlijk venster.Command+Shift+DControl+Shift+D
Apparaatmodus aan-/uitzettenCommand+Shift+MControl+Shift+M
Element inspecteren aan-/uitzettenCommand+Shift+CControl+Shift+C
Het opdrachtmenu openenCommand+Shift+PControl+Shift+P
De lade aan-/uitzettenEscapeEscape
Normaal opnieuw ladenCommand+RF5 of Control+R
Geforceerd opnieuw ladenCommand+Shift+RControl+F5 of Control+Shift+R
Zoeken naar tekst in het huidige deelvenster. Alleen ondersteund in de deelvensters Elementen, Console, Bronnen, Prestaties, Geheugen, JavaScript-profiler en Snelle bron.Command+FControl+F
Opent het tabblad Zoeken in de lade, waarmee je kunt zoeken naar tekst in alle geladen bronnen.Command+Option+FControl+Shift+F
Een bestand openen in het deelvenster BronnenCommand+O of Command+PControl+O of Control+P
InzoomenCommand+Shift++Control+Shift++
UitzoomenCommand+-Control+-
Standaard zoomniveau herstellenCommand+0Control+0
Fragment uitvoerenDruk op Command+O om het opdrachtmenu te openen, typ ! gevolgd door de naam van het script en druk op Enter.Druk op Control+O om het opdrachtmenu te openen, typ ! gevolgd door de naam van het script en druk op Enter.

Sneltoetsen voor het deelvenster Elementen

ActieMacWindows / Linux
Wijziging ongedaan makenCommand+ZControl+Z
Wijziging opnieuw uitvoerenCommand+Shift+ZControl+Y
Het element boven / onder het geselecteerde element selecterenPijl-omhoog / Pijl-omlaagPijl-omhoog / Pijl-omlaag
De geselecteerde node uitvouwen. Als de node al is uitgevouwen, selecteert deze sneltoets het element eronder.Pijl-rechtsPijl-rechts
De geselecteerde node samenvouwen. Als de node al is samengevouwen, selecteert deze sneltoets het element erboven.Pijl-linksPijl-links
De geselecteerde node en alle onderliggende nodes uit- of samenvouwenHoud Option ingedrukt en klik op het pijlicoon naast de naam van het element.Houd Control+Alt ingedrukt en klik op het pijlicoon naast de naam van het element.
De modus Kenmerken bewerken aan-/uitzetten voor het geselecteerde elementEnterEnter
Het volgende / vorige kenmerk selecteren nadat je de modus Kenmerken bewerken hebt geopendTab / Shift+TabTab / Shift+Tab
Het geselecteerde element verbergenHH
De modus Bewerken als HTML aan-/uitzetten voor het geselecteerde elementFunction+F2F2

Sneltoetsen voor het deelvenster Stijlen

ActieMacWindows / Linux
Naar de regel gaan waar een propertywaarde is gedeclareerdHoud Command ingedrukt en klik op de propertywaarde.Houd Control ingedrukt en klik op de propertywaarde.
Door de css-regels bladerenPijl-omhoog / Pijl-omlaagPijl-omhoog / Pijl-omlaag
Door de property's en de bedieningselementen in propertywaarden binnen een css-regel bladerenPijl-links / Pijl-rechtsPijl-links / Pijl-rechts
De tooltip voor de css-waarde openen als je de focus plaatst op een functie in een propertywaarde (bijv. var, calc, clamp, enz., aangegeven met een stippellijn)Option+Pijl-omlaagAlt+Pijl-omlaag
De weergave van een kleurwaarde wijzigen (bijv. RGB, hex, oklch, enz.)Houd Shift ingedrukt en klik op het vak Kleurvoorbeeld naast de waarde.Houd Shift ingedrukt en klik op het vak Kleurvoorbeeld naast de waarde.
De volgende / vorige property of waarde bewerkenKlik op een propertynaam of -waarde en druk op Tab / Shift+Tab.Klik op een propertynaam of -waarde en druk op Tab / Shift+Tab.
Een propertywaarde met 0,1 verhogen / verlagenKlik op een waarde en druk op Option+Pijl-omhoog / Option+Pijl-omlaag.Klik op een waarde en druk op Alt+Pijl-omhoog / Alt+Pijl-omlaag.
Een propertywaarde met 1 verhogen / verlagenKlik op een waarde en druk op Pijl-omhoog / Pijl-omlaag.Klik op een waarde en druk op Pijl-omhoog / Pijl-omlaag
Een propertywaarde met 10 verhogen / verlagenKlik op een waarde en druk op Shift+Pijl-omhoog / Shift+Pijl-omlaag.Klik op een waarde en druk op Shift+Pijl-omhoog / Shift+Pijl-omlaag.
Een propertywaarde met 100 verhogen / verlagenKlik op een waarde en druk op Command+Pijl-omhoog / Command+Pijl-omlaag.Klik op een waarde en druk op Control+Pijl-omhoog / Control+Pijl-omlaag.
Door de weergaven van een hoekwaarde in graden (deg), gradians (grad), radialen (rad) en omwentelingen (turn) bladerenHoud Shift ingedrukt en klik op het vak Hoekvoorbeeld naast de waarde.Houd Shift ingedrukt en klik op het vak Hoekvoorbeeld naast de waarde.
Een hoekwaarde met 1 verhogen / verlagenKlik op het vak Hoekvoorbeeld naast de waarde en druk op Pijl-omhoog / Pijl-omlaag.Klik op het vak Hoekvoorbeeld naast de waarde en druk op Pijl-omhoog / Pijl-omlaag
Een hoekwaarde met 10 verhogen / verlagenKlik op het vak Hoekvoorbeeld naast de waarde en druk op Shift+Pijl-omhoog / Shift+Pijl-omlaag.Klik op het vak Hoekvoorbeeld naast de waarde en druk op Shift+Pijl-omhoog / Shift+Pijl-omlaag.
Een hoekwaarde met 15 verhogen / verlagenKlik op het vak Hoekvoorbeeld naast de waarde en druk op Shift. Klik / schuif met de muis op de Hoekklok-overlay.Klik op het vak Hoekvoorbeeld naast de waarde en druk op Shift. Klik / schuif met de muis op de Hoekklok-overlay.

Sneltoetsen voor het deelvenster Bronnen

ActieMacWindows / Linux
De scriptuitvoering onderbreken (als deze op dit moment wordt uitgevoerd) of hervatten (als deze op dit moment is onderbroken)F8 of Command+\F8 of Control+\
De volgende functieaanroep overslaanF10 of Command+'F10 of Control+'
De volgende functieaanroep binnengaanF11 of Command+;F11 of Control+;
De huidige functie verlatenShift+F11 of Command+Shift+;Shift+F11 of Control+Shift+;
Doorgaan naar een bepaalde coderegel terwijl de uitvoering is onderbrokenHoud Command ingedrukt en klik op de coderegel.Houd Control ingedrukt en klik op de coderegel.
Het aanroepframe onder / boven het geselecteerde frame selecterenControl+. / Control+,Control+. / Control+,
Wijzigingen opslaan in lokale aanpassingenCommand+SControl+S
Alle wijzigingen opslaanCommand+Option+SControl+Alt+S
Ga naar regelControl+GControl+G
Naar een regelnummer van het geopende bestand springenDruk op Command+O om het opdrachtmenu te openen, typ : gevolgd door het regelnummer en druk op Enter.Druk op Control+O om het opdrachtmenu te openen, typ : gevolgd door het regelnummer en druk op Enter.
Naar een kolom van het geopende bestand springen (bijvoorbeeld regel 5, kolom 9)Druk op Command+O om het opdrachtmenu te openen, typ :, dan het regelnummer, dan nog een :, dan het kolomnummer en druk op Enter.Druk op Control+O om het opdrachtmenu te openen, typ :, dan het regelnummer, dan nog een :, dan het kolomnummer en druk op Enter.
Naar een functiedeclaratie gaan (als het geopende bestand HTML of een script is) of een regelset (als het geopende bestand een stylesheet is)Druk op Command+Shift+O, typ de naam van de declaratie / regelset of selecteer deze in de lijst met opties.Druk op Control+Shift+O, typ de naam van de declaratie / regelset of selecteer deze in de lijst met opties.
Het actieve tabblad sluitenOption+WAlt+W
Het volgende of vorige tabblad openenFunction+Command+Omhoog of OmlaagControl+Pagina omhoog of Pagina omlaag
De zijbalk Navigatie aan de linkerkant aan-/uitzettenCommand+Shift+YControl+Shift+Y
De zijbalk Foutopsporing aan de rechterkant aan-/uitzettenCommand+Shift+HControl+Shift+H

Sneltoetsen voor de code-editor

ActieMacWindows / Linux
Alle tekens in het laatste woord tot aan de cursor verwijderenOption+DeleteControl+Delete
Een breakpoint voor een coderegel toevoegen of verwijderenPlaats de cursor op de regel en druk op Command+B.Plaats de cursor op de regel en druk op Control+B.
Het dialoogvenster voor breakpointbewerking openen om voorwaardelijke breakpoints of logpoints te bewerkenPlaats de cursor op de regel en druk op Command+Alt+B.Plaats de cursor op de regel en druk op Control+Alt+B
Het dialoogvenster voor voorwaardelijke breakpoints openenCommand+klikken op een regelnummerControl+klikken op een regelnummer
Het dialoogvenster voor logpoints openenCommand+Shift+klikken op een regelnummerControl+Shift+klikken op een regelnummer
Naar overeenkomende haakjes gaanControl+MControl+M
Opmerking van één regel aan-/uitzetten. Als er meerdere regels zijn geselecteerd, voegt DevTools een opmerking toe aan het begin van elke regel.Command+/Control+/
De volgende instantie van het woord waarop de cursor staat, selecteren / deselecteren. Elke instantie wordt tegelijk gemarkeerd.Command+D / Command+UControl+D / Control+U

Sneltoetsen voor het deelvenster Netwerk

ActieMacWindows / Linux
Kopteksten, payloads en reacties zoekenCommand+FControl+F
Opname starten / stoppenCommand+EControl+E
Een reload opnemenCommand+RControl+R
De details van een geselecteerd verzoek verbergenEscapeEscape

Sneltoetsen voor het deelvenster Prestaties

ActieMacWindows / Linux
Opname starten / stoppenCommand+EControl+E
Opname opslaanCommand+SControl+S
Opname ladenCommand+OControl+O

Sneltoetsen voor het deelvenster Geheugen

ActieMacWindows / Linux
Opname starten / stoppenCommand+EControl+E

Sneltoetsen voor het deelvenster Console

ActieMacWindows / Linux
Suggestie voor automatische aanvulling accepterenPijl-rechts of TabPijl-rechts of Tab
Suggestie voor automatische aanvulling afwijzenEscapeEscape
Omhoog of omlaag navigeren in de lijst met automatische aanvullingenOmhoog / Omlaag of Control+P / NOmhoog / Omlaag of Control+P / N
Vorige instructie ophalenPijl-omhoogPijl-omhoog
Volgende instructie ophalenPijl-omlaagPijl-omlaag
De focus op de console plaatsenControl+`Control+`
De console wissenCommand+K of Option+LControl+L
Een invoer met meerdere regels forceren. DevTools detecteert standaard scenario's met meerdere regels, dus deze sneltoets is nu meestal niet meer nodig.Shift+ReturnShift+Enter
UitvoerenReturnEnter
Alle subproperty's uitvouwen van een object dat is gelogd in de consoleHoud Alt ingedrukt en klik op Uitvouwen >.Houd Alt ingedrukt en klik op Uitvouwen >.
ActieMacWindows / Linux
Alle zoekresultaten uit-/samenvouwenCommand+Option+{ of }Control+Shift+{ of }

Sneltoetsen voor het deelvenster Recorder

ActieMacWindows / Linux
Opname starten of stoppenCommand+EControl+E
Opname opnieuw afspelenCommand+EnterControl+Enter
Opname of geselecteerde stap kopiërenCommand+CControl+C
Codeweergave aan-/uitzettenCommand+BControl+B

Sneltoetsen voor het deelvenster Lagen

ActieMacWindows / Linux
Het diagram verplaatsen langs de X- en Y-asW (omhoog), A (links), S (omlaag), D (rechts)W (omhoog), A (links), S (omlaag), D (rechts)
Panoramamodus aan-/uitzettenXX
Draaimodus aan-/uitzettenVV
De positie en draaiing van het diagram resetten00
Inzoomen op het diagramShift++ of muiswiel omhoogShift++ of muiswiel omhoog
Uitzoomen op het diagramShift+- of muiswiel omlaagShift+- of muiswiel omlaag