Cómo inspeccionar un elemento en Chrome

PDF download Descargar el PDF
Coescrito por Luigi Oppido

PDF download Descargar el PDF

Este wikiHow te enseñará cómo inspeccionar el código fuente HTML de un elemento visual de cualquier página web en Google Chrome, usando una computadora.

Pasos

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El icono de Chrome se ve como una bola de colores con un punto azul en el centro. Puedes encontrarlo en la carpeta “Aplicaciones” en una Mac, o en el menú “Inicio” en Windows.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Este botón está ubicado al lado de la barra de direcciones, en la esquina superior derecha de la ventana del navegador. Se abrirá un menú desplegable.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aparecerá un submenú.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto abrirá la columna del Inspector en el lado derecho de la ventana del navegador.
    • Como alternativa, puedes abrir el Inspector con un atajo de teclado. Este atajo es Opción + ⌘ Cmd + I en Mac y Ctrl + Alt + I en Windows.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al mover el ratón hacia un elemento o una línea en el Inspector, se resaltará el elemento seleccionado en la página web.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El menú de clic derecho aparecerá en un cuadro desplegable.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto desplazará la columna del Inspector hacia arriba o hacia abajo al elemento seleccionado y resaltará su código fuente.
    • No tienes que abrir manualmente la columna del Inspector para hacerlo. Al seleccionar Inspeccionar en el menú de clic derecho, el Inspector se abrirá automáticamente.
    Anuncio

wikiHows relacionados

Cómo
instalar Google Chrome desde la Terminal en Linux
Cómo
eliminar Bing de Chrome
3 formas de usar extensiones para Chrome en un iPad
Cómo
instalar Google Chrome
Cómo
desinstalar Google Chrome
Cómo
cambiar el fondo de Google
Cómo
cambiar la configuración de descargas de Google Chrome
Cómo
establecer a Google como tu página principal en Chrome
Cómo
configurar Google Chrome como navegador predeterminado
Cómo cambiar el idioma predeterminado de Google Chrome: móvil y computadora
Cómo
activar el modo incógnito en Google Chrome
Cómo
desactivar el historial de navegación en Chrome
Cómo tomar una captura de pantalla en Google Chrome: escritorio o móvil
Cómo
habilitar y deshabilitar el visor de PDF de Chrome en una computadora o en una Mac
Anuncio

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 19 661 visitas.

¿Te ayudó este artículo?

Anuncio