Ver el código fuente de una página HTML.

En categoría: Herramientas del Navegador

Si bien los navegadores como Internet Explorer y Firefox poseen una opción de menú para abrir y visualizar el código fuente del archivo cargado en pantalla, por medio de JavaScript podemos realizar la misma acción. La diferencia de abrir el código fuente mediante este ejemplo JavaScript y no desde la opción "Ver código fuente" del navegador, está en que la primera no necesita tener cargado el archivo en pantalla, lo que puede presentar una gran ventaja para sitios que bloqueen el acceso a la lectura del código fuente a través de otro Script o por ejemplo produzcan algún redireccionamiento automático que impida la visualización del documento que realmente queremos ver. Este JavaScript es compatible solo con Firefox por lo que para ver el código fuente en Internet Explorer debemos recurrir a la opción que el mismo ofrece para este caso.

| Descripción del ejemplo JavaScript

Información relativa al Script

Compatible con: Firefox

Tamaño del Script: 1KB

Probar el Script

Temas relacionados a este Script

Ejemplo JavaScript para ver el código fuente de un archivo (página HTML).

Código fuente del script:

/* Creamos la función que permite visualizar el código fuente 
del archivo ingresado */
function verCodigoFuente() {

// Guardamos en una variable la URL ingresada en el cuadro de texto
URL = document.form.codigoFuente.value;
// Mensaje que se muestra si no se escribió ninguna URL
URLvacia = "Tienes que ingresar una URL válida";
// Mensaje que se muestra si no se escribió el protocolo http
protocoloVacio = "La URL del archivo tiene que empezar\ncon el protocolo http://";

if (URL == "") {
		alert(URLvacia);
		return;
	}
/* Mediante un test sobre la URL escrita comprobamos que se 
haya escrito el protocolo http:// */
	if (!/^(http:\/\/)/.test(URL)) {
		alert(protocoloVacio);
		return;
	}

/* Cargamos en la barra de direcciones la cadena view-source más
la URL ingresada en el cuadro de texto */
	location.href='view-source:'+URL;
}

</SCRIPT>

</HEAD>

<BODY>

<FORM name="form">
	Escribe la dirección URL del archivo para ver su código fuente:
	<P>
	<INPUT TYPE="text" name="codigoFuente" size="90">
	<INPUT TYPE="button" value="Ver código fuente" 
	onClick="verCodigoFuente()">
	</P>
</FORM>

</BODY>
</HTML>

	Temas relacionados a este Script:
	Agregar página a los Favoritos del Navegador Ver el código fuente de una página HTML Detección de errores en el código JavaScript Agregar URL cargada a los favoritos Impedir la selección de texto de la página Información del Navegador utilizado

Comentarios Recibidos sobre: Ver el código fuente de una página HTML

yasser de republica dominicana | Enviado: Agosto 11, 2008

Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio.
Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata.