Cómo verificar los elementos de la página web en Chrome: 7 pasos

Tabla de contenido:

Cómo verificar los elementos de la página web en Chrome: 7 pasos
Cómo verificar los elementos de la página web en Chrome: 7 pasos

Video: Cómo verificar los elementos de la página web en Chrome: 7 pasos

Video: Cómo verificar los elementos de la página web en Chrome: 7 pasos
Video: Como NAVEGAR en INCOGNITO ANDROID 2021!! 2024, Mayo
Anonim

Este wikiHow te enseñará cómo examinar el código fuente HTML de los elementos visuales de una página web en Google Chrome usando una computadora.

Paso

Inspeccione el elemento en Chrome Paso 1
Inspeccione el elemento en Chrome Paso 1

Paso 1. Abra Google Chrome en la computadora

El ícono de Chrome parece una bola colorida con un punto azul en el centro. Puede encontrar este icono en la carpeta "Aplicaciones" en una computadora Mac o en el menú "Inicio" en una computadora con Windows.

Inspeccione el elemento en Chrome Paso 2
Inspeccione el elemento en Chrome Paso 2

Paso 2. Haga clic en el icono de los tres puntos verticales

Está al lado de la barra de direcciones, en la esquina superior derecha de la ventana de su navegador. Después de eso, se mostrará un menú desplegable.

Inspeccione el elemento en Chrome Paso 3
Inspeccione el elemento en Chrome Paso 3

Paso 3. Coloca el cursor sobre Más herramientas en el menú desplegable

Después de eso, se mostrará el submenú.

Inspeccione el elemento en Chrome Paso 4
Inspeccione el elemento en Chrome Paso 4

Paso 4. Haga clic en Herramientas de desarrollo en el submenú "Más herramientas"

Se mostrará una columna de inspección en el lado derecho de la ventana del navegador.

Alternativamente, puede abrir la ventana de inspección con un atajo de teclado. Presiona Opción + ⌘ Cmd + I en computadoras Mac y Ctrl + Alt + I en computadoras Windows

Inspeccione el elemento en Chrome Paso 5
Inspeccione el elemento en Chrome Paso 5

Paso 5. Desplácese sobre un elemento en la columna de inspección

Cuando el cursor se desplaza sobre un elemento o línea en la ventana de inspección, el elemento correspondiente se marcará en la página web.

Inspeccione el elemento en Chrome Paso 6
Inspeccione el elemento en Chrome Paso 6

Paso 6. Haga clic con el botón derecho en el elemento que desea inspeccionar en la página web

El menú del botón derecho aparecerá en el cuadro desplegable.

Inspeccione el elemento en Chrome Paso 7
Inspeccione el elemento en Chrome Paso 7

Paso 7. Seleccione Inspeccionar en el menú desplegable

Después de eso, la columna de inspección se desplazará hacia arriba o hacia abajo hasta ese elemento. Se marcará el código fuente del elemento.

No es necesario que abra el campo de inspección manualmente. Escoger " Inspeccionar ”En el menú contextual para abrir la columna de inspección automáticamente.

Recomendado: