Descripción general del panel de elementos

Dale St. Marthe
Dale St. Marthe

Usa el panel Elementos para inspeccionar y editar elementos DOM.

Descripción general

El panel Elementos proporciona una interfaz sólida para inspeccionar y manipular el DOM. Puedes usar el árbol del DOM, que se asemeja a un documento HTML, para seleccionar nodos DOM específicos y modificarlos con otras herramientas.

El panel Elementos también tiene las siguientes pestañas que contienen herramientas relevantes:

Abre el panel Elementos

De forma predeterminada, cuando abres Herramientas para desarrolladores, se abre el panel Elementos. También puedes inspeccionar un nodo en cualquier parte de la página para abrir automáticamente el panel Elementos.

Para abrir el panel Elementos de forma manual, haz lo siguiente:

  1. Abre las Herramientas para desarrolladores.
  2. Para abrir el menú de comandos, presiona lo siguiente:
    • macOS: Comando+Mayúsculas+P
    • Windows, Linux y ChromeOS: Control + Mayúsculas + P Menú de comandos con
  3. Comienza a escribir Elements, selecciona Show Elements y presiona Intro. Las Herramientas para desarrolladores muestran el panel Elementos en el panel lateral que se encuentra en la parte inferior de la ventana de Herramientas para desarrolladores.