Cómo usar el Inspeccionar elemento de Google Chrome

Realice click derecho en una página y elija Examinar elemento. Se expone el HTML del elemento en el que logró click. Escoja Ver > Creador > Herramientas para programadores. Utiliza el hatajo de teclado «Alt+Command+i».

Diseño receptivo

En Mozilla firefox, en el momento en que hacemos click en el icono a la derecha de la barra Examinar elemento, habilitamos el visor de Diseño receptivo. En Google chrome lo podemos encontrar en el del costado izquierdo. Con él observamos el sitio que nos encontramos visitando según el tamaño de pantalla y el dispositivo.

Esta función es buenísima por el hecho de que parece distintas pantallas. Si pulsamos en «Ningún dispositivo elegido» vamos a encontrar distintas modelos de Nexus, Samsung, iPhone y iPad. Aun puede concretar una resolución concreta.

Introducción a la herramienta de inspección de elementos

En los primeros días de la página web, solo había una manera de ver el código de un portal de internet: la función de vista fuente).

Esta situación era común en los días anteriores a la proliferación de hojas de estilo en cascada (CSS) y JavaScript. Los programadores web emplearon HTML para todo en el ubicación, incluyendo el contenido, el diseño y… bueno, todo.

Qué es Examinar elementos

La opción Examinar elementos está incluida en ciertos navegadores de internet para entrar al código de la página que está visitando en el mismo instante. En el momento en que se emplea, la pantalla del navegador se distribuye en 2 partes verticales, con el sitio a la izquierda y su código HTML y CSS a la derecha.

Merced al inspector de elementos, tienes ingreso a todo el código contenido en la página web, lo que es realmente útil para programadores y diseñadores web.

¿De qué manera empleo el elemento de inspección en el móvil inteligente?

Busque en la página el aspecto concreto que quiere contrastar. Cuando lleve a cabo click en él, presione el botón «Modo de inspector» (el botón con la mano que apunta, que está a la derecha de la barra de dirección).

Realice click con el botón derecho en una página individual y escoja Examinar elemento. Se expone el HTML del elemento en el que logró click. Escoja Ver > Creador > Herramientas para programadores. Emplea el hatajo de teclado «Alt+Command+i».

¿De qué manera contrastar en un móvil?

Busque en la página el elemento concreto que quiere investigar. En el momento en que lo halles, presiona el botón «Modo Inspector» (el que tiene la mano apuntando, que está en el lado derecho de la barra de direcciones). El botón tocado se regresa amarillo, lo que señala que el modo perfecto Inspector está habilitado.

Verifica las respuestas. Haz click en Contestar en la parte de arriba del formulario. Realice click en Resumen.