Oficina

Consejos sobre el uso del elemento Inspeccionar del navegador Google Chrome

Cómo utilizar la herramienta inspeccionar elemento web

Cómo utilizar la herramienta inspeccionar elemento web

Tabla de contenido:

Anonim

Google Chrome está diseñado no solo para usuarios habituales de Internet, sino también para desarrolladores web, que a menudo crean un sitio web, diseñan blogs, etc. El elemento Inspect La opción o Inspeccionar de Google Chrome ayuda a los usuarios a encontrar información sobre un sitio web que está oculto a la vista. Estos son algunos consejos sobre cómo usar el elemento Inspeccionar del navegador Google Chrome para PC con Windows.

Examinar Elemento de Google Chrome

1] Buscar JavaScript oculto / Archivos multimedia

Muchos sitios web muestran ventanas emergentes si el visitante se queda en la web página por más de 15 o 20 segundos. O bien, muchas veces se abre una imagen, anuncio o icono después de hacer clic en algún lugar al azar. Para encontrar estos archivos ocultos de una página web, puede utilizar la pestaña Fuentes de Inspeccionar elemento. Muestra una lista de vista de árbol en el lado izquierdo que se puede explorar.

2] Obtener código de color HEX / RGB en Chrome

A veces puede que nos guste un color y es posible que deseemos conocer su código de color. Puede encontrar fácilmente el código de color HEX o RGB utilizado en una página web en particular, utilizando la opción nativa en Google Chrome. Haga clic derecho en el color y haga clic en Inspeccionar . En la mayoría de las ocasiones, obtendrá el código de color en el lado derecho con otro CSS. Si no lo ve, puede que tenga que usar un software de selección de color gratuito.

CONSEJO : también vea estas herramientas en línea del selector de color.

3] Obtenga consejos para mejorar el rendimiento de la página web

A todos les gusta aterrizar en un sitio web que se abre rápidamente. Si está diseñando su sitio web, siempre debe tenerlo en cuenta. Hay muchas herramientas para verificar y optimizar la velocidad de carga de la página. Sin embargo, Google Chrome también viene con una herramienta incorporada que permite a los usuarios obtener sugerencias para mejorar la velocidad de carga del sitio. Para acceder a estas herramientas, vaya a la pestaña Auditorías y asegúrese de que Uso de la red , Rendimiento de la página web y Recargar página y auditoría al cargar son seleccionados. Luego haga clic en el botón Ejecutar . Volverá a cargar la página y le mostrará cierta información que se puede usar para agilizar la página. Por ejemplo, puede obtener todos los recursos que no tienen vencimiento de caché, JavaScript que se puede combinar en un archivo, etc.

4] Comprobar la capacidad de respuesta

Hacer que una página web responda es crucial, hoy en día. Hay muchas herramientas que pueden verificar si su sitio responde completamente o no. Sin embargo, esta herramienta de Google Chrome ayuda a los usuarios a saber si el sitio es receptivo o no y también cómo se vería en un dispositivo móvil en particular. Abra cualquier sitio web, obtenga la pestaña Inspeccionar elemento , haga clic en botón móvil, establezca la resolución o seleccione el dispositivo deseado para probar la página web.

5] Edite el sitio web en vivo

Supongamos que está creando una página web, pero está confundido acerca del color esquema o tamaño del menú de navegación o contenido o proporción de la barra lateral. Puede editar su sitio web en vivo usando la opción Inspeccionar Elemento de Google Chrome. Aunque no puede guardar los cambios en un sitio web en vivo, puede llevar a cabo toda la edición para que pueda usarla más. Para hacerlo, abra Inspeccionar elemento, seleccione la propiedad HTML del lado izquierdo y realice cambios de estilo en el lado derecho. Si realiza algún cambio en CSS, puede hacer clic en el enlace del archivo, copiar el código completo y pegarlo en el archivo original.

Inspeccionar el elemento de Google Chrome es un verdadero compañero de todos los desarrolladores web. No importa si está desarrollando un sitio web de una página o un sitio web dinámico, sin duda puede usar estos consejos.