Atalhos do teclado
bookmark_borderbookmark
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Esta página é uma referência de atalhos de teclado no Chrome DevTools.
Você também pode encontrar atalhos nas dicas. Passe o cursor sobre um elemento da IU das ferramentas do desenvolvedor para mostrar a dica.
Se o elemento tiver um atalho, ele será incluído na dica.
Atalhos de teclado para abrir o DevTools
Para abrir o DevTools, pressione os seguintes atalhos do teclado enquanto o cursor estiver focado na viewport
do navegador:
Ação | Mac | Windows / Linux |
---|
Abrir o painel usado por último | Command+Option+I | F12 ou Control+Shift+I |
Abra o painel Console. | Command+Option+J | Control+Shift+J |
Abra o painel Elementos. | Command+Shift+C ou Command+Option+C | Control+Shift+C |
Atalhos globais do teclado
Os atalhos de teclado abaixo estão disponíveis na maioria dos painéis do DevTools.
Ação | Mac | Windows / Linux |
---|
Mostrar Configurações | ? ou Função+F1 | ? ou F1 |
Focar o próximo painel | Command+] | Control+] |
Focar no painel anterior | Command+[ | Control+[ |
Volte para a posição de ancoragem usada pela última vez. Se o DevTools estiver na posição padrão durante toda a sessão, esse atalho vai desafixar o DevTools em uma janela separada. | Command+Shift+D | Control+Shift+D |
Ative o Modo dispositivo. | Command+Shift+M | Control+Shift+M |
Ativar o Modo de inspeção de elemento | Command+Shift+C | Control+Shift+C |
Abra o Command Menu. | Command+Shift+P | Control+Shift+P |
Alternar a gaveta | Escape | Escape |
Atualização normal | Command+R | F5 ou Control+R |
Atualização forçada | Command+Shift+R | Control+F5 ou Control+Shift+R |
Pesquise texto no painel atual. Suporte apenas nos painéis Elementos, Console, Origens, Performance, Memória, Profiler JavaScript e Origem rápida. | Command+F | Control+F |
Abre a guia Pesquisar na gaveta, que permite pesquisar texto em todos os recursos carregados. | Command+Option+F | Control+Shift+F |
Abrir um arquivo no painel Origens | Command + O ou Command + P | Control + O ou Control + P |
Aumentar zoom | Command+Shift++ | Control+Shift++ |
Diminuir zoom | Command+- | Control+- |
Restaurar o nível de zoom padrão | Command+0 | Control+0 |
Executar snippet | Pressione Command+O para abrir o Command Menu e digite !. seguido pelo nome do script e pressione Enter | Pressione Control+O para abrir o Command Menu e digite !. seguido pelo nome do script e pressione Enter |
Atalhos de teclado do painel de elementos
Ação | Mac | Windows / Linux |
---|
Desfazer alteração | Command+Z | Control+Z |
Refazer alteração | Command+Shift+Z | Control+Y |
Selecionar o elemento acima / abaixo do elemento selecionado | Seta para cima / Seta para baixo | Seta para cima / Seta para baixo |
Abra o nó selecionado. Se o nó já estiver aberto, esse atalho seleciona o elemento abaixo dele. | Seta para a direita | Seta para a direita |
Fecha o nó selecionado. Se o nó já estiver fechado, esse atalho seleciona o elemento acima dele. | Seta para a esquerda | Seta para a esquerda |
Expandir ou recolher o nó selecionado e todos os filhos dele | Mantenha pressionada a tecla Option e clique no ícone de seta ao lado do nome do elemento. | Mantenha pressionadas as teclas Control+Alt e clique no ícone de seta ao lado do nome do elemento. |
Alternar o modo Editar atributos no elemento selecionado | Enter | Enter |
Selecionar o atributo anterior / seguinte depois de entrar no modo Editar atributos | Tab / Shift+Tab | Tab / Shift+Tab |
Ocultar o elemento selecionado | H | H |
Alternar o modo Editar como HTML no elemento selecionado | Função+F2 | Q2 |
Atalhos do teclado do painel de estilos
Ação | Mac | Windows / Linux |
---|
Acessar a linha em que um valor de propriedade é declarado | Segure Command e clique no valor da propriedade. | Mantenha pressionada a tecla Control e clique no valor da propriedade. |
Alternar entre as representações RGBA, HSLA e Hex de um valor de cor | Mantenha pressionada a tecla Shift e clique na caixa Visualização de cores ao lado do valor. | Mantenha pressionada a tecla Shift e clique na caixa Visualização de cores ao lado do valor. |
Selecionar a propriedade ou o valor anterior / seguinte | Clique em um nome ou valor de propriedade e pressione Tab / Shift+Tab | Clique em um nome ou valor de propriedade e pressione Tab / Shift+Tab |
Aumentar / diminuir o valor de uma propriedade em 0,1 | Clique em um valor e pressione Option + seta para cima / Option + seta para baixo | Clique em um valor e pressione Alt+seta para cima / Alt+seta para baixo |
Incrementar / decrementar o valor de uma propriedade em 1 | Clique em um valor e pressione a seta para cima / seta para baixo. | Clique em um valor e pressione a seta para cima / seta para baixo. |
Incrementar / decrementar o valor de uma propriedade em 10 | Clique em um valor e pressione Shift+Seta para cima / Shift+Seta para baixo | Clique em um valor e pressione Shift+Seta para cima / Shift+Seta para baixo |
Incrementar / decrementar o valor de uma propriedade em 100 | Clique em um valor e pressione Command + seta para cima / Command + seta para baixo | Clique em um valor e pressione Ctrl + seta para cima / Ctrl + seta para baixo |
Ciclo de graus (deg), gradianos (grad), radianos (rad) e voltas (volta) de um valor de ângulo | Mantenha pressionada a tecla Shift e clique na caixa Visualização de ângulo ao lado do valor. | Mantenha pressionada a tecla Shift e clique na caixa Visualização de ângulo ao lado do valor. |
Incrementar / decrementar um valor de ângulo em 1 | Clique na caixa Visualização de ângulo ao lado do valor e pressione a seta para cima / seta para baixo. | Clique na caixa Visualização de ângulo ao lado do valor e pressione a seta para cima / seta para baixo. |
Incrementar / decrementar um valor de ângulo em 10 | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift+Seta para cima / Shift+Seta para baixo. | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift+Seta para cima / Shift+Seta para baixo. |
Aumentar / diminuir um valor de ângulo em 15 | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift. Clique / deslize o mouse na Sobreposição do relógio de ângulo. | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift. Clique / deslize o mouse na Sobreposição do relógio de ângulo. |
Atalhos de teclado do painel de origens
Ação | Mac | Windows / Linux |
---|
Pausar a execução do script (se estiver em execução) ou retomar (se estiver pausado) | F8 ou Command+\ | F8 ou Control+\ |
Pular a próxima chamada de função | F10 ou Command+' | F10 ou Ctrl+' |
Entrar na próxima chamada de função | F11 ou Command+; | F11 ou Ctrl+; |
Sair da função atual | Shift+F11 ou Command+Shift+; | Shift+F11 ou Control+Shift+; |
Continuar em uma determinada linha de código enquanto está pausado | Mantenha pressionada a tecla Command e clique na linha de código. | Mantenha pressionado Control e clique na linha de código. |
Selecione o frame de chamada abaixo / acima do frame selecionado | Control+. / Control+, | Control+. / Control+, |
Salvar alterações nas modificações locais | Command+S | Control+S |
Salvar todas as alterações | Command+Option+S | Ctrl+Alt+S |
Ir para a linha | Control+G | Control+G |
Ir para um número de linha do arquivo aberto no momento | Pressione Command+O para abrir o Command Menu, digite : seguido pelo número da linha e pressione Enter. | Pressione Control+O para abrir o menu de comando, digite : seguido do número da linha e pressione Enter. |
Ir para uma coluna do arquivo aberto no momento (por exemplo, linha 5, coluna 9) | Pressione Command+O para abrir o Menu de comando, digite :, depois o número da linha, outro :, o número da coluna e pressione Enter. | Pressione Control+O para abrir o menu de comando, digite :, depois o número da linha, outro :, o número da coluna e pressione Enter. |
Acesse uma declaração de função (se o arquivo aberto for HTML ou um script) ou um conjunto de regras (se o arquivo aberto for uma folha de estilo). | Pressione Command+Shift+O, digite o nome da declaração / conjunto de regras ou selecione na lista de opções. | Pressione Control+Shift+O, depois digite o nome da declaração / conjunto de regras ou selecione na lista de opções. |
Fechar a guia ativa | Option+W | Alt+W |
Abrir a guia anterior ou seguinte | Função+Command+para cima ou para baixo | Control + Page Up ou Page Down |
Mostrar/ocultar a barra lateral Navegação à esquerda | Command+Shift+Y | Control+Shift+Y |
Alternar a barra lateral do Depurador à direita | Command+Shift+H | Control+Shift+H |
Atalhos de teclado do editor de código
Ação | Mac | Windows / Linux |
---|
Excluir todos os caracteres da última palavra até o cursor | Option+Delete | Control+Delete |
Adicionar ou remover um ponto de interrupção de linha de código | Coloque o cursor na linha e pressione Command+B. | Coloque o cursor na linha e pressione Control+B. |
Abra a caixa de diálogo de edição de pontos de interrupção para editar pontos de interrupção condicionais ou pontos de registro. | Foque o cursor na linha e pressione Command+Alt+B. | Posicione o cursor na linha e pressione Control+Alt+B |
Abrir a caixa de diálogo ponto de interrupção condicional | Command + clique em um número de linha | Control + clique em um número de linha |
Abrir a caixa de diálogo logpoint | Command+Shift+clique em um número de linha | Control+Shift+clique em um número de linha |
Acessar o par de chaves | Ctrl + M | Ctrl + M |
Alternar comentários de uma linha. Se várias linhas forem selecionadas, o DevTools vai adicionar um comentário ao início de cada linha. | Command+/ | Control+/ |
Seleciona / desmarca a próxima ocorrência da palavra em que o cursor está. Cada ocorrência é destacada simultaneamente | Command+D / Command+U | Control+D / Control+U |
Atalhos de teclado do painel de rede
Ação | Mac | Windows / Linux |
---|
Cabeçalhos, payloads e respostas de pesquisa | Command+F | Control+F |
Iniciar / parar a gravação | Command+E | Ctrl+E |
Gravar uma atualização | Command+R | Control+R |
Reproduzir uma solicitação XHR selecionada | R | R |
Ocultar os detalhes de uma solicitação selecionada | Escape | Escape |
Ação | Mac | Windows / Linux |
---|
Iniciar / parar a gravação | Command+E | Ctrl+E |
Salvar gravação | Command+S | Control+S |
Carregar gravação | Command+O | Control+O |
Atalhos do teclado do painel de memória
Ação | Mac | Windows / Linux |
---|
Iniciar / parar a gravação | Command+E | Ctrl+E |
Atalhos do teclado do painel do console
Ação | Mac | Windows / Linux |
---|
Aceitar a sugestão de preenchimento automático | Seta para a direita ou Tab | Seta para a direita ou Tab |
Rejeitar a sugestão de preenchimento automático | Escape | Escape |
Navegar pela lista de preenchimento automático para cima ou para baixo | Cima / Baixo ou Control + P / N | Cima / Baixo ou Control + P / N |
Receber extrato anterior | Seta para cima | Seta para cima |
Acessar a próxima instrução | Seta para baixo | Seta para baixo |
Focar o console | Control+` | Control+` |
Limpar o console | Command+K ou Option+L | Control+L |
Forçar uma entrada de várias linhas. As Ferramentas do desenvolvedor detectam cenários de várias linhas por padrão. Portanto, esse atalho geralmente não é necessário. | Shift+Return | Shift+Enter |
Executar | Enter | Enter |
Expandir todas as subpropriedades de um objeto registrado no console | Mantenha a tecla Alt pressionada e clique em Expandir > | Mantenha a tecla Alt pressionada e clique em Expandir > |
Atalhos do teclado da guia "Pesquisar"
Ação | Mac | Windows / Linux |
---|
Abrir/fechar todos os resultados da pesquisa | Command+Option+{ ou } | Control+Shift+{ ou } |
Atalhos de teclado do painel do gravador
Ação | Mac | Windows / Linux |
---|
Iniciar ou parar a gravação | Command+E | Ctrl+E |
Tocar gravação novamente | Command+Enter | Control+Enter |
Copiar gravação ou etapa selecionada | Command+C | Control+C |
Alternar visualização de código | Command+B | Control+B |
Atalhos do teclado do painel de camadas
Ação | Mac | Windows / Linux |
Mover o diagrama ao longo dos eixos X e Y | W (para cima), A (para a esquerda), S (para baixo), D (para a direita) | W (para cima), A (para a esquerda), S (para baixo), D (para a direita) |
Alternar o modo de panorâmica | X | X |
Alternar modo de rotação | V | V |
Redefinir a posição e a rotação do diagrama | 0 | 0 |
Ampliar o diagrama | Shift++ ou roda do mouse para cima | Shift++ ou roda do mouse para cima |
Diminuir o zoom do diagrama | Shift+- ou roda do mouse para baixo | Shift+- ou roda do mouse para baixo |
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2024-02-20 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2024-02-20 UTC."],[],[]]