Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Esses são os atalhos de teclado padrão do Microsoft Edge DevTools.
No DevTools, quando você passa o mouse sobre um ícone, geralmente a dica de ferramenta mostra um atalho de teclado.
Confira também Navegar no DevTools com tecnologia adaptativa 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 estiver focado no visor do navegador:
| Ação | Windows/Linux | macOS |
|---|---|---|
| Abrir o painel que você usou por último | F12 ou Ctrl+Shift+I | Command+Option+I |
| Abra a ferramenta Console | Ctrl+Shift+J | Command+Option+J |
| Abra a ferramenta Elementos | Ctrl+Shift+C | Command+Shift+C ou Command+Option+C |
Atalhos de teclado globais
Os atalhos de teclado a seguir estão disponíveis na maioria dos painéis do DevTools.
| Ação | Windows/Linux | macOS |
|---|---|---|
| Mostrar Configurações | Shift+? ou F1 | Shift+? ou Fn+F1 |
| Focar o próximo painel | Ctrl+] | Comando +] |
| Focar o painel anterior | Ctrl+[ | Comando + [ |
| Alterne de volta para qualquer posição de encaixe que você usou pela última vez. Se o DevTools estiver na posição padrão durante toda a sessão, esse atalho desencaixará o DevTools em uma janela separada. | Ctrl+Shift+D | Command+Shift+D |
| Alternar emulação do dispositivo | Ctrl+Shift+M | Command+Shift+M |
| Alternar Inspecionar Modo de Elemento | Ctrl+Shift+C | Command+Shift+C |
| Abrir o Menu de Comando | Ctrl+Shift+P | Command+Shift+P |
| Alternar o painel Visualização Rápida | Esc | Esc |
| Atualização normal | F5 ou Ctrl+R | Comando + R |
| Atualização forçada | Ctrl+F5 ou Ctrl+Shift+R | Command+Shift+R |
| Pesquisar texto no painel atual. Sem suporte nas ferramentas Auditorias, Aplicativo e Segurança | Ctrl+F | Comando + 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 |
| Abra um arquivo na ferramenta Fontes | Ctrl+O ou Ctrl+P | Command+O ou Command+P |
| Ampliar | Ctrl++ | Comando++ |
| Reduzir | Ctrl+- | Comando+- |
| Restaurar nível de zoom padrão | Ctrl+0 | Comando + 0 |
| Executar trecho | Pressione Ctrl+O para abrir o Menu de Comando, digite ! seguido do nome do script e pressione Enter | Pressione Command+O para abrir o Menu de Comando, digite ! seguido do nome do script e pressione Enter |
Atalhos de teclado da ferramenta Elementos
| Ação | Windows/Linux | macOS |
|---|---|---|
| Desfazer alteração | Ctrl+Z | Command+Z |
| Refazer a alteração | Ctrl+Y | Command+Shift+Z |
| Selecione o elemento acima / abaixo do elemento selecionado no momento | Seta para cima / Seta para Baixo | Seta para cima / Seta 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 |
| Recolha o nó selecionado no momento. Se o nó já estiver recolhido, este atalho selecionará o elemento acima dele | Seta para a Esquerda | Seta para a Esquerda |
| Expandir ou recolher o nó selecionado no momento e todos os filhos | Mantenha pressionada a tecla Ctrl+Alt e clique no ícone de seta ao lado do nome do elemento | Mantenha pressionada a tecla Option 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 |
| Selecionar o atributo seguinte/anterior depois de entrar no modo Editar Atributos | Guia / Shift+Tab | Guia / Shift+Tab |
| Ocultar o elemento selecionado no momento | H | H |
| Alternar o modo Editar como HTML no elemento selecionado no momento | Função+F2 | F2 |
Atalhos de teclado do painel Estilos
| Ação | Windows/Linux | macOS |
|---|---|---|
| Vá para a linha em que um valor de propriedade é declarado | Mantenha a tecla Ctrl pressionada e clique no valor da propriedade | Manter Comando pressionado e clique no valor da propriedade |
| Percorrer as representações RBGA, 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 |
| Selecione a propriedade ou o valor seguinte/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/diminuir 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 / Option+Seta para baixo |
| Incrementar/decrementar um valor de propriedade em 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/diminuir o valor de uma propriedade em 10 | Clique em um valor e pressione Shift+Seta / para cimaShift+Seta para baixo | Clique em um valor e pressione Shift+Seta / para cimaShift+Seta para baixo |
| Incrementar/diminuir o valor de uma propriedade em 100 | Clique em um valor e pressione Ctrl+Seta / para cimaCtrl+Seta para baixo | Clique em um valor e pressione Command+Seta para / cimaCommand+Seta para baixo |
| Percorra as representações de graus (graus), gradianos (grad), radianos (rad) e curvas (turno) de um valor de ângulo | Mantenha pressionada a tecla Shift e clique na caixa Visualização do ângulo ao lado do valor | Mantenha pressionada a tecla Shift e clique na caixa Visualização do ângulo ao lado do valor |
| Incrementar/diminuir um valor de ângulo em 1 | Clique na caixa Visualização do ângulo ao lado do valor e pressione Seta / para cimaSeta para baixo | Clique na caixa Visualização do ângulo ao lado do valor e pressione Seta / para cimaSeta para baixo |
| Incrementar/diminuir um valor de ângulo em 10 | Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift+Seta / para cima, Shift+Seta para baixo | Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift+Seta / para cima, Shift+Seta para baixo |
| Incrementar/diminuir um valor de ângulo em 15 | Clique na caixa Visualização do ângulo ao lado do valor, em seguida, pressione Shift, clique / deslize o mouse na sobreposição do relógio do ângulo | Clique na caixa Visualização do ângulo ao lado do valor, em seguida, pressione Shift, clique / deslize o mouse na sobreposição do relógio do ângulo |
Atalhos de teclado da ferramenta Fontes
| Ação | Windows/Linux | macOS |
|---|---|---|
| Pausar execução de script (se estiver em execução) ou retomar (se pausado no momento) | F8 ou Ctrl+\ | F8 ou Command+\ |
| Passar sobre a próxima chamada de função | F10 ou Ctrl+' | F10 ou Command+' |
| Depurar a 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 para uma linha de código específica enquanto estiver em pausa | Mantenha pressionada a tecla Ctrl e clique na linha de código | Comando de Espera 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 | Comando + S |
| Salvar todas as alterações | Ctrl+Alt+S | Command+Option+S |
| Navegar até a linha | Ctrl+G | Ctrl+G |
| Ir 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 da linha e pressione Enter | Pressione Command+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 Ctrl+O para abrir o Menu de Comando, digite :, depois o número da linha, depois outro :, depois o número da coluna e pressione Enter | Pressione Command+O para abrir o Menu de Comando, digite :, depois o número da linha, depois outro :, depois 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 folha de estilo. |
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 |
| Feche 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 | Option+Delete |
| 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 o comentário em linha única. Se várias linhas forem selecionadas, o DevTools adicionará um comentário ao início de cada linha | Ctrl+/ | Command+/ |
| Ative ou desative a próxima ocorrência de qualquer palavra em que o cursor esteja. Cada ocorrência é realçada simultaneamente | Ctrl+D / Ctrl+U | Comando + D / Comando + U |
Atalhos de teclado da ferramenta Desempenho
| Ação | Windows/Linux | macOS |
|---|---|---|
| Iniciar/parar gravação | Ctrl+E | Comando + E |
| Salvar gravação | Ctrl+S | Comando + S |
| Carregar gravação | Ctrl+O | Comando + O |
Atalhos de teclado da ferramenta Memória
| Ação | Windows/Linux | macOS |
|---|---|---|
| Iniciar/parar gravação | Ctrl+E | Comando + E |
Atalhos de teclado da ferramenta de console
| Ação | Windows/Linux | macOS |
|---|---|---|
| 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 | Esc | Esc |
| Obter declaração anterior | Seta para cima | Seta para cima |
| Obter a próxima instrução | Seta para Baixo | Seta para Baixo |
| Focar o console | Ctrl+' | Ctrl+' |
| Limpar o console | Ctrl+L | Command+K ou Option+L |
| Force uma entrada de várias linhas. Esse atalho é principalmente desnecessário, pois o DevTools deve detectar cenários de várias linhas por padrão | Shift+Enter | Command+Return |
| Executar | Tecla Enter | Retorno |
| Expandir todas as subpropriedades de um objeto que são registradas no Console | Mantenha a tecla Alt pressionada e clique em Expandir ( ) |
Mantenha a tecla Alt pressionada 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.
Este trabalho está licenciado sob uma Licença Creative Commons Atribuição 4.0 Internacional.