Visão geral do painel Elementos

Dale St. Marthe
Dale St. Marthe

Use o painel Elementos para inspecionar e editar elementos do DOM.

Visão geral

O painel Elementos fornece uma interface robusta para inspecionar e manipular o DOM. Você pode usar a árvore do DOM, que é semelhante a um documento HTML, para selecionar nós específicos do DOM e modificá-los com outras ferramentas.

O painel Elementos também tem estas guias com ferramentas relevantes:

Abrir o painel Elementos

Por padrão, quando você abre o DevTools, o painel Elements é aberto. Também é possível inspecionar um nó em qualquer lugar da página para abrir automaticamente o painel Elementos.

Para abrir manualmente o painel Elementos:

  1. Abra o DevTools.
  2. Abra o Menu de comando pressionando:
    • macOS: Command+Shift+P
    • Windows, Linux e ChromeOS: Control + Shift + P Menu de comando com
  3. Comece a digitar Elements, selecione Show Elements e pressione Enter. O DevTools exibe o painel Elements na Gaveta na parte inferior da janela do DevTools.