Cómo ver el código HTML de un sitio web

El código HTML subyacente que se usa para crear un sitio web no está oculto, pero cualquiera que tenga las herramientas adecuadas puede acceder fácilmente a él. Por ejemplo, los navegadores web como Firefox, Chrome, Safari, Opera e Internet Explorer tienen varias formas de ver el código HTML, CSS o JavaScript de un sitio web directamente. Además, algunas herramientas de desarrollo web dedicadas pueden cargar y abrir una página web desde Internet como un archivo almacenado en un disco local.

Ver fuente en el navegador

Los pasos necesarios para ver el código HTML de un sitio web son esencialmente los mismos para Firefox, Chrome, Safari, Opera e Internet Explorer. Haz clic con el botón derecho en una sección de una página web que contenga solo texto y luego selecciona la opción "Ver código fuente" o "Ver código fuente de la página". Dependiendo de la configuración de su navegador, el código HTML se abre en una nueva pestaña del navegador o en una ventana de aplicación separada.

Guardar código fuente en disco

Si necesita examinar o editar el código de un sitio web más adelante, puede guardar la página en su disco duro. Cuando hace clic con el botón derecho en una página web en Firefox o Safari, se le ofrece la opción de "Guardar página como". Chrome y Opera tienen la opción "Guardar como". Para guardar una página web con Internet Explorer, haga clic en "Herramientas", "Archivo" y luego en "Guardar como". Además de la propia página web, el navegador guarda todas las imágenes, archivos CSS y JavaScript que utiliza la página que se almacenan localmente en su servidor web.

Herramientas de desarrollador de navegador integradas

Firefox, Chrome, Opera e Internet Explorer proporcionan cada uno un modo de desarrollador que le permite ver simultáneamente una página web renderizada y su código HTML, CSS y JavaScript. Si hace clic en un elemento en la Web, su código aparece en el panel de visualización del desarrollador. Se puede acceder al panel de desarrollador a través de las opciones o la herramienta de configuración. Si bien Safari no tiene una herramienta de desarrollo nativa, puede instalar una como extensión.

Aplicaciones para desarrolladores web

Las herramientas de diseño de sitios web como Dreamweaver, Kompozer y Microsoft Expressions le permiten abrir una página web en línea utilizando su URL. El código HTML se ve en una vista de solo código fuente o en una vista dividida, vista previa y fuente. Además, puede editar el código y ver los cambios en tiempo real. El código real almacenado en el servidor del sitio web nunca se cambia.

Problemas que puede encontrar

Intencionalmente o no, algunos sitios web no entregan fácilmente su código HTML. Por ejemplo, algunos sitios usan código JavaScript, que bloquea los clics con el botón derecho. Todavía puede ver el código fuente descargando la página a su disco o desactivando JavaScript en su navegador. Otros sitios usan marcos HTML o iframes, que le impiden acceder directamente a su fuente. Firefox, Chrome, Safari y Opera detectan sitios web basados ​​en marcos y automáticamente le ofrecen una opción para ver el código fuente de un marco. Si una página web usa un archivo JavaScript o CSS almacenado en otro dominio, puede ver el código de ese archivo directamente copiando su URL del código HTML al que puede acceder y luego pegándolo en la barra de direcciones de una nueva pestaña del navegador.