Herramienta de elemento de inspección de Chrome y acceso directo

La herramienta de elemento de inspección de Chrome se considera una herramienta de desarrollador creada para depurar el sitio web.

Haga clic con el botón derecho en cualquier página web, haga clic en inspeccionar y verá la viscera de ese sitio:
su código fuente, las imágenes y el CSS que forman su estilo, las fuentes y los íconos que usa, el código Javascript que impulsa las animaciones, y más. Puede ver cuánto tarda en cargarse el sitio, cuánto ancho de banda solía transferir y también el color real de su texto.
Esta forma sensata de la vieja escuela de acceder a la herramienta es haciendo clic derecho dentro de la ventana del navegador y seleccionando «Inspeccionar elemento». Una vez que se inicia el elemento Inspeccionar, el usuario ahora puede identificar cualquier objeto que esté en la página haciendo clic en el botón Inspeccionar.

Al mover el mouse sobre el navegador, se resaltarán los elementos de la ventana a los que la herramienta puede hacer referencia.
A continuación puede haber una captura de pantalla de un resultado de muestra del botón «Búsqueda de Google» de Google ubicado en la página de destino principal del sitio.

Atajos para Mac:

• Cmd + Opt + I para abrir las herramientas de desarrollo
• Cmd + Opt + J para abrir las herramientas de desarrollo y enfocar la consola
• Cmd + Shift + C para abrir las Herramientas de desarrollador en el modo Inspeccionar elemento, o alternar el modo Inspeccionar elemento si las Herramientas de desarrollador ya están abiertas.

Accesos directos para Windows/Linux:

• F12, o Ctrl + Shift + I para abrir las herramientas de desarrollo.
• Ctrl + Shift + J para abrir las herramientas de desarrollo y enfocar la consola.
• Ctrl + Shift + C para abrir las Herramientas de desarrollador en el modo Inspeccionar elemento, o alternar el modo Inspeccionar elemento si las Herramientas de desarrollador ya están abiertas.

Accesos directos para el desarrollador de Chrome

Vista previa de páginas de Google AMP en Chrome para MAC/WINDOWS

• Abre Chrome e ingresa al modo desarrollador.( F12, Ctrl + Shift + Io Cmd + Opt + I).
  
• Asegúrese de estar en el modo de dispositivo.( Cmd+Shift+M).
  
• seleccione el dispositivo que le gustaría estimular y haga clic en el botón Actualizar y luego vaya a cualquier página web en la que desee hacer clic o buscar, y listo.