Cómo ver el código HTML en Google Chrome

En Mundoapps.net te enseñaremos a abrir e inspeccionar el código fuente de cualquier página web, usando Google Chrome en Mac o Windows.  Se abre una nueva pestaña junto con todo el HTML de la página web, completamente expandida y sin formato.

Si buscas un elemento o parte específica en el código fuente HTML, el uso de Ver código fuente es tedioso y engorroso, especialmente si la página utiliza mucho JavaScript y CSS.

Inspeccionar la fuente usando herramientas de desarrollo

►También te puede interesar: Cómo desactivar las ventanas emergentes en Google Chrome◄

Este método utiliza el panel de herramientas de desarrollo en Chrome y es un enfoque mucho más limpio para ver el código fuente. El HTML es más fácil de leer aquí gracias al formato adicional y a la capacidad de colapsar los elementos que no te interesa ver.

1. Abre Chrome y dirígete a la página que deseas inspeccionar; luego presiona Ctrl + Shift + i. Se abrirá un panel acoplado junto a la página web que estás viendo.
2. Haz clic en la pequeña flecha gris junto a un elemento para ampliarlo aún más.
3. Si no deseas ver el código completo de la página de forma predeterminada, sino inspeccionar un elemento específico del HTML, haz clic con el botón secundario en ese espacio de la página y luego haz clic en "Inspeccionar".
4. Cuando el panel se abra esta vez, irá directamente a la porción de código que contiene ese elemento en el que has hecho clic.
5. Si deseas cambiar la posición del muelle, puedes moverlo al fondo, a la izquierda, a la derecha o incluso desacoplarlo en una ventana separada. Haz clic en el icono de menú (tres puntos) y, a continuación, elige entre desacoplar en una ventana independiente, acoplar a la izquierda, acoplar a la parte inferior o acoplar a la derecha, respectivamente.

Eso es todo lo que hay que hacer. Cuando termines de ver el código, cierra la pestaña Ver código fuente o haz clic en la "X" del panel Herramientas para desarrolladores para volver a tu página web.

►Lee: Cómo desbloquear sitios web en Google Chrome. TUTORIAL 2020◄

Conclusión

En Mundoapps.net esperamos que hayas aprendido Cómo ver el código HTML en Google Chrome, si crees que falta mencionar algo deja tu comentario.