Tecnología

Inicio

Cómo ver el código HTML de una página web

Cómo ver el código HTML de una página web


El código HTML subyacente utilizado para construir un sitio web no está oculta, pero de fácil acceso para cualquier persona con las herramientas adecuadas. Por ejemplo, los navegadores web como Firefox, Chrome, Safari, Opera e Internet Explorer tienen múltiples formas de ver el código HTML de una página web, CSS o código JavaScript directamente. Además, algunas herramientas para desarrolladores web dedicados pueden cargar y abrir una página Web de Internet como un archivo almacenado en un disco local.

Ver código fuente en el navegador

Los pasos necesarios para ver el código HTML de una página web son esencialmente los mismos para Firefox, Chrome, Safari, Opera e Internet Explorer. Haga clic en una sección de una página Web que contiene sólo texto y luego seleccione la opción "Ver código fuente" o "Ver 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 la aplicación separada.

Guardar el código fuente en disco

Si necesita examinar o editar el código de una página web más adelante, puede guardar la página en su disco duro. Al hacer clic 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 que utiliza Internet Explorer, haga clic en "Herramientas", "Archivo" y luego "Guardar como". Además de la propia página Web, el navegador guarda todas las imágenes, archivos CSS y JavaScript utiliza la página que se almacenan localmente en su servidor Web.

Built-in del navegador Herramientas de Desarrollo

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

Aplicaciones Web Developer

Sitio web herramientas de diseño como Dreamweaver, Microsoft Kompozer y expresiones que permiten abrir una página Web en línea usando su URL. Ve el código HTML en una vista de sólo código fuente o de una vista dividida, vista previa y la fuente. Además, puede editar el código y ver los cambios en tiempo real. El código real almacenado en el servidor de la página web no se cambia nunca.

Problemas que se pueden

Intencionalmente o no, algunos sitios web no renuncian a su código HTML fácilmente. Por ejemplo, algunos sitios utilizan el código JavaScript, que bloquea el clic derecho. Todavía se puede ver el código fuente mediante la descarga de la página en el disco o desactivando JavaScript en su navegador. Otros sitios utilizan marcos HTML o iframes, que le impidan acceder directamente a su fuente. Firefox, Chrome, Safari y Opera detectan sitios web basados ​​en cuadros y automáticamente le ofrecen una opción para ver el código fuente de un marco. Si una página Web utiliza un archivo JavaScript o CSS almacenados en otro dominio, se puede ver el código de ese archivo directamente inserta su URL en el código HTML que puede acceder y luego pegarlo en la barra de direcciones de una nueva pestaña del navegador.