Abrir DevTools
| Atalho | Descrição |
|---|---|
F12 | Abrir DevTools |
Cmd/Ctrl + Shift + I | Abrir DevTools |
Cmd/Ctrl + Shift + J | Abrir painel Console |
Cmd/Ctrl + Shift + C | Abrir modo de inspeção de elementos |
Cmd/Ctrl + Option/Alt + I | Abrir DevTools (Mac/Win) |
Alternar Painéis
| Atalho | Descrição |
|---|---|
Cmd/Ctrl + ] | Próximo painel |
Cmd/Ctrl + [ | Painel anterior |
Cmd/Ctrl + Shift + M | Alternar modo dispositivo |
Esc | Mostrar/ocultar gaveta do Console |
Cmd/Ctrl + Shift + P | Abrir menu de comandos |
Painel Elements
| Atalho | Descrição |
|---|---|
↑/↓ | Selecionar elemento |
←/→ | Expandir/recolher elemento |
Enter | Editar atributo |
H | Alternar visibilidade do elemento |
Delete | Excluir elemento |
Cmd/Ctrl + Z | Desfazer alteração |
F2 | Editar como HTML |
Painel Console
| Atalho | Descrição |
|---|---|
Cmd/Ctrl + L | Limpar console |
Tab | Autocompletar |
↑/↓ | Exibir histórico de comandos |
Shift + Enter | Entrada multilinha |
Cmd/Ctrl + U | Limpar linha |
Comandos do Console
| Comando | Descrição |
|---|---|
$0 | Referência ao elemento selecionado |
$_ | Último resultado avaliado |
$('selector') | querySelector |
$$('selector') | querySelectorAll |
$x('xpath') | Selecionar elemento por XPath |
copy(object) | Copiar para área de transferência |
clear() | Limpar console |
dir(object) | Exibir propriedades do objeto |
table(data) | Exibir em formato de tabela |
monitor(fn) | Monitorar chamadas de função |
monitorEvents(el) | Monitorar eventos |
Painel Sources (Depuração)
| Atalho | Descrição |
|---|---|
F8 / Cmd/Ctrl + \ | Pausar/continuar |
F10 / Cmd/Ctrl + ' | Step over |
F11 / Cmd/Ctrl + ; | Step into |
Shift + F11 | Step out |
Cmd/Ctrl + B | Adicionar/remover breakpoint |
Cmd/Ctrl + G | Ir para linha |
Cmd/Ctrl + O | Abrir arquivo |
Cmd/Ctrl + Shift + O | Ir para função |
Painel Network
| Atalho | Descrição |
|---|---|
Cmd/Ctrl + E | Iniciar/parar gravação |
Cmd/Ctrl + R | Recarregar página |
Cmd/Ctrl + Shift + R | Recarregar ignorando cache |
Filtros do Network
| Filtro | Descrição |
|---|---|
XHR | Apenas XMLHttpRequest/Fetch |
JS | Apenas arquivos JavaScript |
CSS | Apenas arquivos CSS |
Img | Apenas arquivos de imagem |
Doc | Apenas documentos |
is:running | Requisições em andamento |
larger-than:100k | Arquivos maiores que 100KB |
-domain:example.com | Excluir domínio específico |
Painel Performance
| Atalho | Descrição |
|---|---|
Cmd/Ctrl + E | Iniciar/parar gravação |
Cmd/Ctrl + S | Salvar perfil |
Cmd/Ctrl + Shift + E | Gravar carregamento da página |
Painel Application
| Funcionalidade | Descrição |
|---|---|
| Local Storage | Verificar e editar armazenamento local |
| Session Storage | Verificar e editar armazenamento de sessão |
| Cookies | Verificar, editar e excluir cookies |
| Cache Storage | Verificar cache |
| IndexedDB | Verificar IndexedDB |
| Clear storage | Limpar armazenamento |