Cómo ver el código fuente de una web en Chrome para Android

En Chrome para Android puedes consultar el HTML inicial de una página escribiendo view-source: delante de su dirección. Si necesitas ver el DOM que JavaScript ha modificado, las respuestas de red o los archivos CSS y JS externos, la opción adecuada es conectar el móvil a un ordenador y usar la depuración remota oficial de Chrome DevTools.

Son dos resultados distintos: el código fuente es la respuesta HTML original de una navegación; el DOM es la estructura viva que el navegador mantiene después de ejecutar scripts y aplicar cambios. Ninguno de los métodos muestra el código PHP del servidor, una base de datos, contraseñas ni otros elementos privados del backend.

Qué método debes usar

No recomendamos Code Studio para esta tarea: su ficha actual lo presenta como editor e IDE, no como una herramienta capaz de recuperar el código de la pestaña que tienes abierta en Chrome.

Antes de empezar: código fuente y DOM no son lo mismo

Cuando visitas una URL, el servidor devuelve un documento inicial. Chrome lo analiza, carga recursos y puede ejecutar JavaScript que añade, elimina o cambia elementos. view-source: te permite leer el primer documento; el panel Elements de DevTools muestra el DOM actual.

Por eso una aplicación creada con JavaScript puede parecer casi vacía al abrir el código fuente, aunque en pantalla tenga menús, productos o resultados. El contenido puede haber llegado después mediante una API. La documentación de Chrome sobre el DOM explica esta diferencia.

El HTML puede contener estilos y scripts inline, además de direcciones hacia archivos externos, pero no incorpora automáticamente el contenido de cada archivo CSS o JavaScript enlazado. Tampoco revela la lógica ejecutada exclusivamente en el servidor.

Método 1: usar view-source en Chrome Android

1. Abre en Chrome la página que quieres revisar.
2. Toca la barra de direcciones y edita la URL completa.
3. Escribe view-source: justo delante de https://, sin dejar espacios. El resultado debe tener este formato: view-source:https://ejemplo.com.
4. Pulsa Ir o Enter.
5. Abre el menú Más de Chrome y usa Buscar en la página para localizar una etiqueta, una URL o un fragmento de texto.

El esquema view-source: sigue presente en el código actual de Chromium y está documentado en sus directrices oficiales de visualización de URL. Google no mantiene un tutorial específico para este atajo en cada versión de Chrome Android, así que no afirmamos que funcione igual en todos los navegadores móviles.

Si Chrome hace una búsqueda en lugar de abrir el código

Comprueba que no haya un espacio entre view-source: y https:// y que hayas conservado la dirección completa. Escribe el prefijo en la barra de direcciones, no en el buscador de una página. Si la versión del navegador no reconoce el esquema, utiliza DevTools remoto o una alternativa consciente de terceros.

Qué puedes localizar en el HTML inicial

• El título dentro de <title>.
• Etiquetas meta como description o robots.
• Enlaces <a> presentes en la respuesta original.
• Datos estructurados incluidos en scripts JSON-LD.
• Direcciones de hojas de estilo, scripts e imágenes.

Copiar o editar ese texto en el móvil no cambia la web. Solo estás viendo una representación local de la respuesta recibida.

Método 2: inspeccionar Android con Chrome DevTools

La depuración remota oficial de Chrome permite inspeccionar desde Windows, macOS o Linux una pestaña abierta en el móvil. Es el método más completo para una web dinámica o una página en la que ya has iniciado sesión.

1. En Android, abre Ajustes y activa las Opciones de desarrollador. En muchos dispositivos se habilitan pulsando siete veces Número de compilación; el nombre y la ruta pueden variar por fabricante.
2. Dentro de Opciones de desarrollador, activa Depuración USB.
3. Conecta el móvil a un ordenador de confianza con un cable que permita transferir datos.
4. Desbloquea el teléfono y acepta únicamente la huella de depuración del ordenador que reconoces.
5. En Chrome del ordenador, abre chrome://inspect/#devices.
6. Activa Discover USB devices, localiza la pestaña móvil y pulsa Inspect.

Android documenta tanto la activación de Opciones de desarrollador como el uso de la depuración USB. Al terminar, desactívala o revoca las autorizaciones si no vas a seguir usando ese ordenador.

Elements, Network y Sources: para qué sirve cada panel

• Elements: muestra el DOM vivo, incluidos los cambios realizados por JavaScript.
• Network: registra las solicitudes. Selecciona el documento principal y abre Response para ver su respuesta HTML; también puedes revisar API, CSS, JS e imágenes.
• Sources: permite explorar los recursos que Chrome ha cargado y depurar JavaScript.

Abre Network antes de recargar o ejecutar la acción que quieras estudiar. Una recarga puede repetir una navegación y perder el estado de un formulario enviado por POST, así que no la hagas de forma automática en páginas sensibles.

Páginas con login y contenido dinámico

view-source: puede reutilizar cookies del mismo perfil de Chrome, pero abre otra navegación. El resultado puede cambiar si la página varía en función de un formulario POST, tokens en memoria, sessionStorage, cabeceras añadidas por una aplicación o datos cargados después mediante JavaScript.

Para inspeccionar una sesión real, usa DevTools remoto sobre la pestaña que ya está abierta. Elements muestra el DOM activo y Network permite revisar las respuestas capturadas a partir de ese momento. No copies contraseñas, cookies ni tokens en visores web de terceros.

Aplicaciones y visores de terceros: límites y riesgos

Chrome Android no admite extensiones de Chrome Web Store, ni siquiera al activar la vista de escritorio. Google lo aclara en la ayuda oficial sobre extensiones en móviles. Desconfía de guías que te piden instalar una extensión dentro de Chrome Android.

VT View Source sigue disponible en Google Play, pero hace su propia solicitud a la URL. Su ficha reconoce que no puede leer páginas protegidas por contraseña y que el resultado puede diferir cuando la web varía en función de cookies o sesión. Su última actualización declarada es de agosto de 2023.

La sección Data Safety indica que no recopila ni comparte datos, pero esa información la aporta el desarrollador y no equivale a una auditoría independiente de Google. No introduzcas en una app de este tipo URL privadas, intranets, documentos no publicados o enlaces con tokens. Para páginas públicas, view-source: evita instalar software adicional.

Errores frecuentes en la depuración remota

• El móvil aparece como Offline: desbloquéalo y acepta el aviso de autenticación de depuración.
• No aparece el dispositivo: conecta el cable directamente, sin hub, verifica que admite transferencia de archivos y vuelve a conectar con ambas pantallas desbloqueadas.
• Windows no lo reconoce: puede necesitar el controlador USB del fabricante.
• Aceptaste el ordenador equivocado: usa Revocar autorizaciones de depuración USB y establece de nuevo la confianza.
• Falta contenido en Network: abre el panel antes de cargar la página o realizar la acción.

Si una aplicación no puede instalarse por la versión o el modelo, consulta también las causas del aviso "tu dispositivo no es compatible". Para comparar otras opciones de navegación, revisa nuestra selección de navegadores para Android.

Preguntas frecuentes

¿Puedo ver el código PHP de una web desde Android?

No. El servidor ejecuta PHP y envía al navegador el resultado, normalmente HTML. Solo puedes ver los recursos y respuestas que el servidor entrega al cliente.

¿Ver el código permite editar la página?

No cambia la web. DevTools puede modificar temporalmente el DOM de tu copia local para hacer pruebas, pero una recarga recupera el contenido enviado por el sitio y no altera el servidor.

¿Puedo ver el DOM real sin ordenador?

view-source: solo muestra el HTML inicial. Para inspeccionar de forma oficial y completa el DOM vivo de Chrome Android necesitas la depuración remota desde un ordenador.

¿Chrome Android permite instalar una extensión para ver el código?

No admite extensiones de Chrome Web Store. Utiliza view-source:, DevTools remoto o, para una página pública, una aplicación de terceros después de revisar sus límites y permisos.