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.
- 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.
- Haz clic en la pequeña flecha gris junto a un elemento para ampliarlo aún más.
- 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".
- 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.
- 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.
Deja una respuesta