Scorciatoie da tastiera

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Questa pagina è un riferimento alle scorciatoie da tastiera in Chrome DevTools.

Puoi trovare le scorciatoie anche nelle descrizioni comando. Passa il mouse sopra un elemento dell'interfaccia utente di DevTools per visualizzare la relativa descrizione comando. Se l'elemento ha una scorciatoia, questa è inclusa nella descrizione comando.

Scorciatoie da tastiera per aprire DevTools

Per aprire DevTools, premi le seguenti scorciatoie da tastiera mentre il cursore è posizionato sul riquadro visibile del browser:

AzioneMacWindows / Linux
Apri l'ultimo riquadro utilizzatoCommand+Option+IF12 o Control+Shift+I
Apri il riquadro ConsoleCommand+Option+JControl+Shift+J
Apri il riquadro ElementiCommand+Shift+C o Command+Option+CControl+Shift+C

Scorciatoie da tastiera globali

Le seguenti scorciatoie da tastiera sono disponibili nella maggior parte, se non in tutti, i riquadri di DevTools.

AzioneMacWindows / Linux
Mostra Impostazioni? o Function+F1? o F1
Imposta lo stato attivo sul riquadro successivoCommand+]Control+]
Imposta lo stato attivo sul riquadro precedenteCommand+[Control+[
Torna all'ultima posizione di ancoraggio utilizzata. Se DevTools è rimasto nella posizione predefinita per l'intera sessione, questa scorciatoia lo sgancia in una finestra separataCommand+Shift+DControl+Shift+D
Attiva/disattiva la modalità dispositivoCommand+Shift+MControl+Shift+M
Attiva/disattiva la modalità Ispeziona elementoCommand+Shift+CControl+Shift+C
Apri il menu ComandoCommand+Shift+PControl+Shift+P
Attiva/disattiva il riquadro a scomparsaEscapeEscape
Ricarica normaleCommand+RF5 o Control+R
Ricarica completaCommand+Shift+RControl+F5 o Control+Shift+R
Cerca testo all'interno del riquadro corrente. Supportato solo nei riquadri Elementi, Console, Origini, Rendimento, Memoria, Profiler JavaScript e Origine rapida.Command+FControl+F
Apre la scheda Cerca nel riquadro a scomparsa, che ti consente di cercare testo in tutte le risorse caricateCommand+Option+FControl+Shift+F
Apri un file nel riquadro OriginiCommand+O o Command+PControl+O o Control+P
Aumenta lo zoomCommand+Shift++Control+Shift++
Diminuisci lo zoomCommand+-Control+-
Ripristina il livello di zoom predefinitoCommand+0Control+0
Esegui snippetPremi Command+O per aprire il menu Comando, digita ! seguito dal nome dello script, poi premi InvioPremi Control+O per aprire il menu Comando, digita ! seguito dal nome dello script, poi premi Invio

Scorciatoie da tastiera del riquadro Elementi

AzioneMacWindows / Linux
Annulla modificaCommand+ZControl+Z
Ripeti modificaCommand+Shift+ZControl+Y
Seleziona l'elemento sopra / sotto l'elemento attualmente selezionatoFreccia su / Freccia giùFreccia su / Freccia giù
Espandi il nodo attualmente selezionato. Se il nodo è già espanso, questa scorciatoia seleziona l'elemento sottostanteFreccia destraFreccia destra
Comprimi il nodo attualmente selezionato. Se il nodo è già compresso, questa scorciatoia seleziona l'elemento sopraFreccia sinistraFreccia sinistra
Espandi o comprimi il nodo attualmente selezionato e tutti i relativi elementi secondariTieni premuto Option e fai clic sull'icona a forma di freccia accanto al nome dell'elementoTieni premuto Control+Alt e fai clic sull'icona a forma di freccia accanto al nome dell'elemento
Attiva/disattiva la modalità Modifica attributi sull'elemento attualmente selezionatoInvioInvio
Seleziona l'attributo successivo / precedente dopo aver inserito la modalità Modifica attributiTab / Maiusc+TabTab / Maiusc+Tab
Nascondi l'elemento attualmente selezionatoHH
Attiva/disattiva la modalità Modifica come HTML sull'elemento attualmente selezionatoFunction+F2F2

Scorciatoie da tastiera del riquadro Stili

AzioneMacWindows / Linux
Vai alla riga in cui viene dichiarato un valore di proprietàTieni premuto Command e fai clic sul valore della proprietàTieni premuto Control e fai clic sul valore della proprietà
Scorrere le regole CSSFreccia su / Freccia giùFreccia su / Freccia giù
Scorrere le proprietà e i controlli nei valori delle proprietà all'interno di una regola CSSFreccia sinistra / Freccia destraFreccia sinistra / Freccia destra
Apri la descrizione comando del valore CSS quando metti a fuoco una funzione in un valore di proprietà (ad es. var, calc, clamp e così via, identificati da una sottolineatura punteggiata)Option+Freccia giùAlt+Freccia giù
Modifica la rappresentazione di un valore di colore (ad es. RGB, esadecimale, oklch e così via)Tieni premuto Maiusc e fai clic sulla casella Anteprima colore accanto al valoreTieni premuto Maiusc e fai clic sulla casella Anteprima colore accanto al valore
Modifica la proprietà o il valore successivo / precedenteFai clic sul nome o sul valore di una proprietà, poi premi Tab / Maiusc+TabFai clic sul nome o sul valore di una proprietà, poi premi Tab / Maiusc+Tab
Aumenta / diminuisci il valore di una proprietà di 0,1Fai clic su un valore, poi premi Option+Freccia su / Option+Freccia giùFai clic su un valore, poi premi Alt+Freccia su / Alt+Freccia giù
Aumenta / diminuisci il valore di una proprietà di 1Fai clic su un valore, poi premi Freccia su / Freccia giùFai clic su un valore, poi premi Freccia su / Freccia giù
Aumenta / diminuisci il valore di una proprietà di 10Fai clic su un valore, poi premi Maiusc+Freccia su / Maiusc+Freccia giùFai clic su un valore, poi premi Maiusc+Freccia su / Maiusc+Freccia giù
Aumenta / diminuisci il valore di una proprietà di 100Fai clic su un valore, poi premi Command+Freccia su / Command+Freccia giùFai clic su un valore, poi premi Control+Freccia su / Control+Freccia giù
Scorrere le rappresentazioni in gradi (deg), gradi (grad), radianti (rad) e giri (turn) di un valore di angoloTieni premuto Maiusc e fai clic sulla casella Anteprima angolo accanto al valoreTieni premuto Maiusc e fai clic sulla casella Anteprima angolo accanto al valore
Aumenta / diminuisci il valore di un angolo di 1Fai clic sulla casella Anteprima angolo accanto al valore, poi premi Freccia su / Freccia giùFai clic sulla casella Anteprima angolo accanto al valore, poi premi Freccia su / Freccia giù
Aumenta / diminuisci il valore di un angolo di 10Fai clic sulla casella Anteprima angolo accanto al valore, poi premi Maiusc+Freccia su / Maiusc+Freccia giùFai clic sulla casella Anteprima angolo accanto al valore, poi premi Maiusc+Freccia su / Maiusc+Freccia giù
Aumenta / diminuisci il valore di un angolo di 15Fai clic sulla casella Anteprima angolo accanto al valore, poi premi Maiusc, fai clic / scorri con il mouse sull'overlay dell'orologio angolareFai clic sulla casella Anteprima angolo accanto al valore, poi premi Maiusc, fai clic / scorri con il mouse sull'overlay dell'orologio angolare

Scorciatoie da tastiera del riquadro Origini

AzioneMacWindows / Linux
Metti in pausa l'esecuzione dello script (se è in corso) o riprendila (se è in pausa)F8 o Command+\F8 o Control+\
Esegui il passaggio successivo alla chiamata di funzione successivaF10 o Command+'F10 o Control+'
Esegui il passaggio successivo alla chiamata di funzione successivaF11 o Command+;F11 o Control+;
Esegui il passaggio successivo alla funzione correnteMaiusc+F11 o Command+Maiusc+;Maiusc+F11 o Control+Maiusc+;
Continua fino a una determinata riga di codice mentre è in pausaTieni premuto Command e fai clic sulla riga di codiceTieni premuto Control e fai clic sulla riga di codice
Seleziona il frame di chiamata sotto / sopra il frame attualmente selezionatoControl+. / Control+,Control+. / Control+,
Salva le modifiche alle modifiche localiCommand+SControl+S
Salva tutte le modificheCommand+Option+SControl+Alt+S
Vai alla rigaControl+GControl+G
Vai a un numero di riga del file attualmente apertoPremi Command+O per aprire il menu Comando, digita : seguito dal numero di riga, poi premi InvioPremi Control+O per aprire il menu Comando, digita : seguito dal numero di riga, poi premi Invio
Vai a una colonna del file attualmente aperto (ad es. riga 5, colonna 9)Premi Command+O per aprire il menu Comando, digita :, poi il numero di riga, poi un altro :, poi il numero di colonna, poi premi InvioPremi Control+O per aprire il menu Comando, digita :, poi il numero di riga, poi un altro :, poi il numero di colonna, poi premi Invio
Vai a una dichiarazione di funzione (se il file attualmente aperto è HTML o uno script) o a un set di regole (se il file attualmente aperto è un foglio di stile)Premi Command+Maiusc+O, poi digita il nome della dichiarazione / del set di regole o selezionalo dall'elenco delle opzioniPremi Control+Maiusc+O, poi digita il nome della dichiarazione / del set di regole o selezionalo dall'elenco delle opzioni
Chiudi la scheda attivaOption+WAlt+W
Apri la scheda successiva o precedenteFunction+Command+Freccia su o Freccia giùControl+Pagina su o Pagina giù
Attiva/disattiva la barra laterale Navigazione a sinistraCommand+Shift+YControl+Shift+Y
Attiva/disattiva la barra laterale Debugger a destraCommand+Shift+HControl+Shift+H

Scorciatoie da tastiera dell'editor di codice

AzioneMacWindows / Linux
Elimina tutti i caratteri dell'ultima parola, fino al cursoreOption+EliminaControl+Elimina
Aggiungi o rimuovi un punto di interruzione della riga di codicePosiziona il cursore sulla riga, poi premi Command+BPosiziona il cursore sulla riga, poi premi Control+B
Apri la finestra di dialogo di modifica del punto di interruzione per modificare i punti di interruzione condizionali o i punti di logPosiziona il cursore sulla riga, poi premi Command+Alt+BPosiziona il cursore sulla riga, poi premi Control+Alt+B
Apri la finestra di dialogo del punto di interruzione condizionaleCommand+fai clic su un numero di rigaControl+fai clic su un numero di riga
Apri la finestra di dialogo del punto di logCommand+Maiusc+fai clic su un numero di rigaControl+Maiusc+fai clic su un numero di riga
Vai alla parentesi corrispondenteControl+MControl+M
Attiva/disattiva il commento a riga singola. Se sono selezionate più righe, DevTools aggiunge un commento all'inizio di ogni rigaCommand+/Control+/
Seleziona / deseleziona la successiva occorrenza della parola su cui si trova il cursore. Ogni occorrenza viene evidenziata contemporaneamenteCommand+D / Command+UControl+D / Control+U

Scorciatoie da tastiera del riquadro Rete

AzioneMacWindows / Linux
Cerca intestazioni, payload e risposteCommand+FControl+F
Avvia / Interrompi registrazioneCommand+EControl+E
Registra una ricaricaCommand+RControl+R
Nascondi i dettagli di una richiesta selezionataEscapeEscape

Scorciatoie da tastiera del riquadro Rendimento

AzioneMacWindows / Linux
Avvia / Interrompi registrazioneCommand+EControl+E
Salva la registrazioneCommand+SControl+S
Carica la registrazioneCommand+OControl+O

Scorciatoie da tastiera del riquadro Memoria

AzioneMacWindows / Linux
Avvia / Interrompi registrazioneCommand+EControl+E

Scorciatoie da tastiera del riquadro Console

AzioneMacWindows / Linux
Accetta il suggerimento di completamento automaticoFreccia destra o TabFreccia destra o Tab
Rifiuta il suggerimento di completamento automaticoEscapeEscape
Scorri verso l'alto o verso il basso l'elenco di completamento automaticoFreccia su / Freccia giù o Control+P / NFreccia su / Freccia giù o Control+P / N
Ottieni l'istruzione precedenteFreccia suFreccia su
Ottieni l'istruzione successivaFreccia giùFreccia giù
Imposta lo stato attivo sulla ConsoleControl+`Control+`
Cancella la ConsoleCommand+K o Option+LControl+L
Forza un inserimento multilinea. Tieni presente che DevTools dovrebbe rilevare gli scenari multilinea per impostazione predefinita, quindi questa scorciatoia ora è in genere superfluaMaiusc+InvioMaiusc+Invio
EseguiInvioInvio
Espandi tutte le proprietà secondarie di un oggetto registrato nella consoleTieni premuto Alt e fai clic su Espandi >Tieni premuto Alt e fai clic su Espandi >
AzioneMacWindows / Linux
Espandi/comprimi tutti i risultati di ricercaCommand+Option+{ o }Control+Shift+{ o }

Scorciatoie da tastiera del riquadro Registratore

AzioneMacWindows / Linux
Avvia o interrompi la registrazioneCommand+EControl+E
Riproduci la registrazioneCommand+InvioControl+Invio
Copia la registrazione o il passaggio selezionatoCommand+CControl+C
Attiva/disattiva la vista codiceCommand+BControl+B

Scorciatoie da tastiera del riquadro Livelli

AzioneMacWindows / Linux
Sposta il diagramma lungo gli assi X e YW (su), A (sinistra), S (giù), D (destra)W (su), A (sinistra), S (giù), D (destra)
Attiva/disattiva la modalità di panoramicaXX
Attiva/disattiva la modalità di rotazioneVV
Reimposta la posizione e la rotazione del diagramma00
Aumenta lo zoom sul diagrammaMaiusc++ o rotellina del mouse verso l'altoMaiusc++ o rotellina del mouse verso l'alto
Diminuisci lo zoom sul diagrammaMaiusc+- o rotellina del mouse verso il bassoMaiusc+- o rotellina del mouse verso il basso