Ver código fuente
Ver el código fuente muestra el HTML que envió el servidor, antes de que JavaScript lo modifique. Pegue una dirección aquí y pulse el botón: la página se descarga en el servidor y vuelve con resaltado de sintaxis, número de líneas y número de caracteres. https://example.com devuelve 559 caracteres en 2 líneas, que puede copiar o descargar como example_com_source.html.
Herramientas populares
Acerca de Ver código fuente
Esta herramienta hace lo mismo que Ver código fuente de la página en un navegador, pero desde un servidor y no desde su dispositivo. Escriba o pegue una dirección — https:// se añade si la omite —, pulse el botón y la respuesta en bruto vuelve resaltada: las etiquetas de un color, los nombres de atributo de otro, los valores entrecomillados de un tercero y los comentarios en gris. Sobre el código aparecen el número de líneas y de caracteres y dos botones: Copiar lleva el documento entero al portapapeles y Descargar lo guarda con el nombre del host, con los puntos convertidos en guiones bajos, más _source.html.
Como la descarga ocurre en el servidor, funciona en un teléfono, donde ningún navegador móvil ofrece un menú de ver código fuente, y funciona cuando un sitio ha desactivado el clic derecho, ya que eso no cambia lo que el servidor envía. Además ve el documento tal como lo vería un rastreador, antes de que se ejecute ningún script.
Esa es la distinción importante. El código fuente es el HTML que llegó; Inspeccionar elemento, en las herramientas de desarrollo, muestra el DOM vivo después de que JavaScript haya añadido, movido y eliminado elementos. En una aplicación de una sola página los dos no se parecen en nada — el fuente puede estar casi vacío mientras el inspector rebosa — y es el fuente lo que un buscador lee primero.
Los límites son deliberados. Las peticiones se limitan a 20 por minuto, una descarga caduca a los 5 segundos, se siguen 5 redirecciones como máximo y cada salto se vuelve a validar, y una respuesta de más de 1 MB se trunca con un comentario que lo indica. Solo se admiten direcciones http y https; se rechazan los rangos de IP privados y reservados, localhost, los sufijos internos como .local e .internal, los puntos de metadatos de nube y una lista de puertos internos. Las páginas tras un inicio de sesión no se pueden leer, porque la petición no lleva ninguna de sus cookies.
Casos de uso
Cómo usar
Pegue la dirección de la página que quiera en el campo URL. Omitir https:// no es problema: se añade automáticamente.
Pulse el botón de ver el código fuente. Muestra un estado de carga mientras el servidor descarga la página, siguiendo hasta cinco redirecciones.
Lea el HTML resaltado, con etiquetas, nombres de atributo, valores entrecomillados y comentarios en colores distintos.
Consulte el número de líneas y caracteres sobre el código para juzgar cuánto marcado envió realmente el servidor.
Pulse Copiar para llevar el fuente en bruto al portapapeles, o Descargar para guardarlo como el nombre del host seguido de _source.html.
Compárelo con Inspeccionar elemento de su navegador si una página parece más vacía de lo esperado: la diferencia es todo lo que añade JavaScript.
Consejos Pro
- El protocolo es opcional. Escriba example.com y se añade https://; si un sitio solo responde por http, escriba el prefijo http:// de forma explícita.
- El campo de dirección se actualiza con la URL final tras las redirecciones, así que si pidió un dominio sin www y obtuvo la versión con www, el campo le dice de dónde vino realmente el fuente.
- Use el número de líneas y caracteres como primera señal. Una página que devuelve solo unos cientos de caracteres es casi seguro una aplicación renderizada con JavaScript.
- Copiar envía el fuente en bruto al portapapeles, no la versión coloreada, así que al pegarlo en un editor obtiene HTML válido y no marcado lleno de etiquetas de resaltado.
- Si un documento supera 1 MB se corta ahí y se añade un comentario de truncado al final. Mire la última línea antes de dar por hecho que a una página le faltan etiquetas de cierre.
Solución de problemas
El fuente está casi vacío aunque la página está llena de contenido.
El sitio se renderiza con JavaScript. El código fuente muestra el HTML que envió el servidor, y en una aplicación de una sola página eso puede ser un armazón de unos cientos de caracteres. Todo lo demás se construye en el navegador, de ahí la diferencia con el inspector, y de ahí que los rastreadores puedan tampoco ver ese contenido.
Un error dice que no se permiten direcciones privadas o internas.
La descarga se ejecuta en un servidor, así que rechaza todo lo que pudiera alcanzar una red interna: localhost, rangos de IP privados y reservados, nombres de host acabados en .local, .internal, .lan o .intranet, puntos de metadatos de nube y una lista de puertos internos. Use una dirección accesible públicamente.
Dice que no se pudo descargar la página o que el sitio bloquea las peticiones.
La petición se identifica como FreeWebTools View Source Bot y se rinde a los cinco segundos, así que una página lenta o un sitio que bloquee agentes desconocidos fallará. Las páginas tras un inicio de sesión tampoco se pueden leer, porque sus cookies no viajan. Inténtelo de nuevo o use el ver código fuente del navegador estando conectado.
Preguntas frecuentes
Muestra el documento HTML que el servidor envió para esa página, antes de que se ejecutara JavaScript. Eso es lo primero que lee un rastreador, así que ahí viven los títulos, las metaetiquetas, los enlaces canónicos y el contenido renderizado en servidor. Pegue una dirección aquí y el fuente vuelve resaltado, con el recuento de líneas y caracteres encima.
El código fuente es el HTML que llegó del servidor; Inspeccionar elemento muestra el DOM vivo después de que los scripts lo hayan modificado. En un sitio muy dependiente de JavaScript el fuente puede ser un armazón casi vacío mientras el inspector rebosa elementos. Use el fuente para ver lo que recibe un rastreador y el inspector para depurar lo que ve un visitante.
Los navegadores móviles no tienen menú de ver código fuente, y por eso existe esta página: pegue la dirección, pulse el botón y lea el HTML en el teléfono. También evita el truco del prefijo view-source:, que la mayoría de los navegadores móviles se niegan a abrir.
Pulse Control+U en Windows y Linux, o Comando+Opción+U en Mac, o haga clic derecho y elija Ver código fuente de la página. Ambos abren una pestaña view-source:. Si el atajo no está disponible, o la página ha desactivado el menú contextual, descargue la dirección aquí.
Control+U en Chrome, Firefox y Edge bajo Windows y Linux; Comando+Opción+U en Chrome en Mac; Comando+Opción+U en Safari una vez activadas las funciones para desarrolladores web en los ajustes. En un teléfono no hay ningún atajo, así que una herramienta en servidor es la respuesta práctica.
Sí. Bloquear el menú contextual es un script de la página y no cambia nada del HTML que envía el servidor. El atajo de teclado suele seguir funcionando, y descargar la dirección aquí evita la cuestión por completo, porque la petición no pasa por los menús de su navegador.
Leer el HTML que un servidor público envía voluntariamente a cada visitante es uso ordinario de la web, y todos los navegadores incluyen la función. Lo que haga después con lo que encuentre es otra cuestión, regida por los derechos de autor y las condiciones de cada sitio. Esta herramienta solo descarga páginas accesibles públicamente.
La petición la hace un servidor sin ninguna sesión suya: no lleva ninguna de sus cookies, así que una página protegida devuelve la pantalla de acceso o un error en lugar de su contenido. Para todo lo que esté tras un inicio de sesión, use el ver código fuente de su navegador mientras esté conectado.
Sí, un megabyte. Lo que exceda se corta ahí y se añade un comentario que señala el truncado, así que revise la última línea antes de concluir que un documento está mal formado. Las peticiones también se limitan a 20 por minuto y cada descarga se rinde a los cinco segundos.
De dos formas. Copiar lleva el fuente en bruto, no el marcado coloreado, al portapapeles. Descargar lo guarda con un nombre formado a partir del host con guiones bajos en lugar de puntos — example.com pasa a example_com_source.html —, que después puede abrir en un editor.