Atalhos de teclado
Estes são os atalhos de teclado padrão para o Microsoft Edge DevTools.
Em DevTools, quando você passa o mouse sobre um ícone, muitas vezes a dica de ferramenta mostra um atalho de teclado.
Consulte também Navegar devTools com tecnologia assistiva e Personalizar atalhos de teclado.
Atalhos de teclado para abrir o DevTools
Para abrir o DevTools, pressione os seguintes atalhos de teclado enquanto o cursor está focado no modo de exibição do navegador:
| Ação | Windows/Linux | macOS |
|---|---|---|
| Abra qualquer painel que você usou por último | F12 ou Ctrl+Shift+I | Command+Option+I |
| Abrir a ferramenta Console | Ctrl+Shift+J | Command+Option+J |
| Abrir a ferramenta Elementos | Ctrl+Shift+C | Command+Shift+C ou Command+Option+C |
Atalhos globais de teclado
Os atalhos de teclado a seguir estão disponíveis na maioria dos painéis DevTools.
| Ação | Windows/Linux | macOS |
|---|---|---|
| Mostrar Configurações | Shift+? ou F1 | Shift+? ou Function+F1 |
| Concentrar o próximo painel | Ctrl+] | Command+] |
| Concentrar o painel anterior | Ctrl+[ | Command+[ |
| Volte para qualquer posição de encaixe que você usou pela última vez. Se DevTools estiver na posição padrão de toda a sessão, esse atalho desencaixa DevTools em uma janela separada. | Ctrl+Shift+D | Command+Shift+D |
| Alternar a emulação do dispositivo | Ctrl+Shift+M | Command+Shift+M |
| Modo de Elemento De Inspeção de Alternância | Ctrl+Shift+C | Command+Shift+C |
| Abrir o Menu de Comando | Ctrl+Shift+P | Command+Shift+P |
| Alternar o painel Modo de Exibição Rápida | Esc | Esc |
| Atualização normal | F5 ou Ctrl+R | Command+R |
| Atualização difícil | Ctrl+F5 ou Ctrl+Shift+R | Command+Shift+R |
| Pesquise texto no painel atual. Não há suporte nas ferramentas Auditorias, Aplicativos e Segurança | Ctrl+F | Command+F |
| Abre a ferramenta Pesquisar no Modo de Exibição Rápida, que permite pesquisar texto em todos os recursos carregados | Ctrl+Shift+F | Command+Option+F |
| Abrir um arquivo na ferramenta Fontes | Ctrl+O ou Ctrl+P | Command+O ou Command+P |
| Ampliar | Ctrl++ | Comando++ |
| Reduzir | Ctrl+- | Comando+- |
| Restaurar o nível de zoom padrão | Ctrl+0 | Command+0 |
| Executar snippet | Pressione Ctrl+O para abrir o Menu de Comando, digite ! seguido pelo nome do script e pressione Enter | Pressione Command+O para abrir o Menu de Comando, digite ! seguido pelo nome do script e pressione Enter |
Atalhos de teclado de ferramentas de elementos
| Ação | Windows/Linux | macOS |
|---|---|---|
| Desfazer alteração | Ctrl+Z | Command+Z |
| Refazer alteração | Ctrl+Y | Command+Shift+Z |
| Selecione o elemento acima / abaixo do elemento selecionado no momento | Seta / para cimaSeta para baixo | Seta / para cimaSeta para baixo |
| Expanda o nó selecionado no momento. Se o nó já estiver expandido, este atalho selecionará o elemento abaixo dele | Seta para a direita | Seta para a direita |
| Recolher o nó selecionado no momento. Se o nó já estiver recolhido, este atalho selecionará o elemento acima dele | Seta esquerda | Seta esquerda |
| Expandir ou recolher o nó selecionado no momento e todas as crianças | Segure Ctrl+Alt e clique no ícone de seta ao lado do nome do elemento | Mantenha opção e clique no ícone de seta ao lado do nome do elemento |
| Alternar o modo Editar Atributos no elemento selecionado no momento | Tecla Enter | Tecla Enter |
| Selecione o atributo próximo/anterior depois de inserir o modo Editar Atributos | Guia / Shift+Tab | Guia / Shift+Tab |
| Ocultar o elemento selecionado no momento | H | H |
| Alternar Editar como modo HTML no elemento selecionado no momento | Function+F2 | F2 |
Atalhos de teclado do painel estilos
| Ação | Windows/Linux | macOS |
|---|---|---|
| Vá para a linha em que um valor de propriedade é declarado | Segure Ctrl e clique no valor da propriedade | Mantenha Comando e clique no valor da propriedade |
| Percorrer as representações RBGA, HSLA e Hex de um valor de cor | Segure Shift e clique na caixa Visualização de Cores ao lado do valor | Segure Shift e clique na caixa Visualização de Cores ao lado do valor |
| Selecione a propriedade ou o valor próximo/anterior | 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 |
| Incrementar/decrescir um valor de propriedade em 0,1 | Clique em um valor e pressione Alt+Seta / para cimaAlt+Seta para baixo | Clique em um valor e pressione Option+Seta para cima / Opção+Seta para baixo |
| Incrementar /decrementar um valor de propriedade por 1 | Clique em um valor e pressione Seta para cima seta / para baixo | Clique em um valor e pressione Seta para cima seta / para baixo |
| Incrementar/decrescir um valor de propriedade por 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 um valor de propriedade por 100 | Clique em um valor e pressione Ctrl+Seta / para cimaCtrl+Seta para baixo | Clique em um valor e pressione Command+Up Arrow / Command+Seta para baixo |
| Pedale pelos graus (deg), gradianos (degradados), radianos (rad) e gira (turno) representações de um valor de ângulo | Segure Shift e clique na caixa Visualização de Ângulo ao lado do valor | Segure Shift e clique na caixa Visualização de Ângulo ao lado do valor |
| Incrementar /decrementar um valor de ângulo por 1 | Clique na caixa Visualização de Ângulo ao lado do valor e pressione Seta / paracima seta para baixo | Clique na caixa Visualização de Ângulo ao lado do valor e pressione Seta / paracima seta para baixo |
| Incrementar /decrementar um valor de ângulo por 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 |
| Incrementar /decrementar um valor de ângulo por 15 | Clique na caixa Visualização de Ângulo ao lado do valor e pressione Shift, clique /mouse slide na Sobreposição do Relógio de Ângulo | Clique na caixa Visualização de Ângulo ao lado do valor e pressione Shift, clique /mouse slide na Sobreposição do Relógio de Ângulo |
Atalhos de teclado de ferramenta de origem
| Ação | Windows/Linux | macOS |
|---|---|---|
| Pausar o runtime do script (se estiver em execução) ou retomar (se estiver em pausa) | F8 ou Ctrl+\ | F8 ou Command+\ |
| Passo a passo sobre a próxima chamada de função | F10 ou Ctrl+' | F10 ou Command+' |
| Entrar na próxima chamada de função | F11 ou Ctrl+; | F11 ou Command+; |
| Sair da função atual | Shift+F11 ou Ctrl+Shift+; | Shift+F11 ou Command+Shift+; |
| Continuar a uma linha de código específica enquanto pausado | Segure Ctrl e clique na linha de código | Mantenha o comando e clique na linha de código |
| Selecione o quadro de chamada abaixo / acima do quadro selecionado no momento | Ctrl+. / Ctrl+, | Ctrl+. / Ctrl+, |
| Salvar alterações em modificações locais | Ctrl+S | Command+S |
| Salvar todas as alterações | Ctrl+Alt+S | Command+Option+S |
| Navegar até a linha | Ctrl+G | Ctrl+G |
| Pule para um número de linha do arquivo aberto no momento | Pressione Ctrl+O para abrir o Menu de Comando, digite : seguido pelo número de linha e pressione Enter | Pressione Command+O para abrir o Menu de Comando, digite : seguido pelo número de linha e pressione Enter |
| Pule para uma coluna do arquivo atualmente aberto (por exemplo, linha 5, coluna 9) | Pressione Ctrl+O para abrir o Menu de Comando, digite :, em seguida, o número da linha, em seguida, outro :, em seguida, o número da coluna e pressione Enter | Pressione Command+O para abrir o Menu de Comando, digite :, em seguida, o número da linha, em seguida, outro :, em seguida, o número da coluna e pressione Enter |
| Navegue até uma declaração de função, se o arquivo atual for HTML ou um script. Navegue até um conjunto de regras, se o arquivo atual for uma planilha de estilos. |
Pressione Ctrl+Shift+O e digite o nome da declaração/conjunto de regras ou selecione-o na lista de opções | pressione Command+Shift+O e digite o nome da declaração/conjunto de regras ou selecione-o na lista de opções |
| Fechar a guia ativa | Alt+W | Option+W |
Atalhos de teclado do Editor de Código
| Ação | Windows/Linux | macOS |
|---|---|---|
| Excluir todos os caracteres na última palavra, até o cursor | Ctrl+Delete | Opção+Excluir |
| Adicionar ou remover um ponto de interrupção de linha de código | Concentre o cursor na linha e pressione Ctrl+B | Concentre o cursor na linha e pressione Command+B |
| Navegue até o colchete correspondente | Ctrl+M | Ctrl+M |
| Alternar comentário em linha único. Se várias linhas forem selecionadas, DevTools adicionará um comentário ao início de cada linha | Ctrl+/ | Command+/ |
| Ative ou desative a próxima ocorrência de qualquer palavra que o cursor esteja ativado. Cada ocorrência é realçada simultaneamente | Ctrl+D / Ctrl+U | Command+D / Command+U |
Atalhos de teclado de ferramenta de desempenho
| Ação | Windows/Linux | macOS |
|---|---|---|
| Iniciar/parar a gravação | Ctrl+E | Command+E |
| Salvar gravação | Ctrl+S | Command+S |
| Gravação de carga | Ctrl+O | Command+O |
Atalhos de teclado de ferramenta de memória
| Ação | Windows/Linux | macOS |
|---|---|---|
| Iniciar/parar a gravação | Ctrl+E | Command+E |
Atalhos de teclado da ferramenta de console
| Ação | Windows/Linux | macOS |
|---|---|---|
| Aceitar sugestão de preenchimento automático | Seta para a direita ou guia | Seta para a direita ou guia |
| Rejeitar sugestão de preenchimento automático | Esc | Esc |
| Obter instrução anterior | Seta para cima | Seta para cima |
| Obter a próxima instrução | Seta para baixo | Seta para baixo |
| Concentrar o Console | Ctrl+' | Ctrl+' |
| Limpar o Console | Ctrl+L | Command+K ou Option+L |
| Forçar uma entrada de várias linhas. Esse atalho é desnecessário, pois o DevTools deve detectar cenários de várias linhas por padrão | Shift+Enter | Command+Return |
| Executar | Tecla Enter | Retorno |
| Expanda todas as subpropertidades de um objeto conectado ao Console | Segure Alt e clique em Expandir ( ) |
Segure Alt e clique em Expandir (). |
Consulte também
- Navegação no DevTools com tecnologia adaptativa
- Personalizar atalhos do teclado
- Executar comandos no Menu de Comando
Observação
Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Pública Creative Commons Atribuição 4.0 Internacional. A página original é encontrada aqui e é de autoria de Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.