Los sitios web basados en marcos a menudo muestran el diseño de su conjunto de marcos en lugar del contenido.
Credito de imagen: vetkit / iStock / Getty Images
El código HTML subyacente que se utiliza para crear un sitio web no está oculto, pero es fácilmente accesible para cualquier persona con las herramientas adecuadas. 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 código 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. Haga clic con el botón derecho en una sección de una página web que contenga solo texto y luego seleccione 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.
Video del día
Guardar código fuente en disco
Si necesita examinar o editar el código de un sitio web más tarde, 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 página web En sí mismo, el navegador guarda todas las imágenes, archivos CSS y JavaScript que utiliza la página que se almacenan localmente en su Web. servidor.
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 de desarrollador 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. Puede ver el código HTML 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
De forma intencionada o no, algunos sitios web no abandonan fácilmente su código HTML. Por ejemplo, algunos sitios usan código JavaScript, que bloquea los clics con el botón derecho. Aún puede ver el código fuente descargando la página en su disco o deshabilitando JavaScript en su navegador. Otros sitios utilizan marcos HTML o iframes, que le impiden acceder directamente a su fuente. Firefox, Chrome, Safari y Opera detectan sitios web basados en marcos y le ofrecen automáticamente una opción para ver el código fuente de un marco. Si una página web utiliza un archivo JavaScript o CSS almacenado en otro dominio, puede ver el código de ese archivo directamente por 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.
