Ver el código fuente en Chrome de Android puede ser útil si quieres aprender cómo se crean las páginas web, encontrar errores o copiar elementos de programación. De hecho, esta es una de las cosas que más utilizarás si eres un desarrollador, ya que así obtendrás los datos HTML, CSS y JavaScript de cada web.

Sin embargo, visualizar esta información en Chrome para Android no es tan sencillo como en el ordenador. Esto se debe a que en la versión móvil no existe la opción “Ver código fuente” o “Inspeccionar”. Por lo tanto, hay que recurrir otros métodos para abrir el código de una página y, en este artículo, te los muestro todos.

¿Quieres saber más? ¡Sigue leyendo!

Cómo acceder al código fuente de una página web en Android con Chrome

Si bien los procedimientos para obtener el código fuente desde Chrome de Android son limitados, existen varias opciones que funcionan muy bien. A continuación, te explico cuáles son los métodos más sencillos y efectivos que puedes hacer desde el móvil.

Cómo ver el código HTML de cualquier página en Chrome sin aplicaciones de terceros

Hay un truco para ver el código fuente en Chrome de cualquier sitio web. Es uno de los métodos más sencillos y lo mejor de todo es que no se requieren aplicaciones ni entrar a páginas específicas.  Solo tienes que seguir este proceso para lograrlo:

• Entra en el navegador Chrome y accede a la página en cuestión.

• Pulsa sobre el apartado de la URL y toca el icono del lápiz.

• Aquí ya podrás modificar el enlace de la página y solo tendrás que poner al principio “view-source:”. Por ejemplo, si quieres ver el código fuente de “https://tuapppara.com”, la URL quedaría “view-source:https://tuapppara.com”.

• Una vez que hayas agregado eso a la URL, toca en “Enter” e inmediatamente te cargará la página del código HTML de programación.

Cabe destacar que este método también funciona para otros navegadores de Android, no solo con Google Chrome.

Usa Chrome y VT View Source para ver el código fuente

Una de las maneras más sencillas de ver el código HTML de una página es utilizando el navegador Google Chrome con la app VT View Source. Para ello, debes seguir estos pasos:

• Descarga la aplicación de VT Viwe Source desde Play Store.
• Ve a la página que quieras desde el navegador de Chrome en tu móvil Android.
• Una vez que estés en el sitio web, pulsa en el icono de los 3 puntos que se encuentra en la parte superior derecha de la pantalla.

• Toca en la opción de “Compartir”.

• Ahora tendrás que presionar el botón de “Más” para que se desplieguen otras opciones.

• Desliza el dedo para buscar entre las apps y selecciona VT View Source.

• Al hacer esto, se abrirá automáticamente la aplicación de VT View Source y comenzará a cargar. Esto puede tardar unos segundos, así que trata de no salirte de la aplicación hasta que finalice el escaneo del código.

Después de que se complete la carga, VT View Source te mostrará el código fuente de la página. De esta manera, podrás ver todo el código del HTML, CSS y JS que compone el sitio web que has seleccionado.

En el caso de que no te cargue bien o haya algún error en la aplicación de VT View Source, solo tienes que darle al botón de los 3 puntos y pulsar en “Refresh”. También tienes la opción de copiar el código en “Copy All” o guardarlo en formato “.txt” en el almacenamiento de tu móvil con “Save To File”.

Cómo ver el código HTML de una página con Code Studio desde Chrome

Otro método muy efectivo para ver código fuente de Chrome en el móvil es el de Code Studio. Esta es otra aplicación similar VT View Source, pero con algunas diferencias en el proceso. Para usarla correctamente, es necesario que sigas estos pasos:

• Abre el navegador Chrome en tu móvil y busca la página que quieras.
• Presiona en el icono de tres líneas que está en la esquina superior derecha.

• Toca en el icono de descarga.

• La página se descargará como un archivo y verás una notificación que dice “Archivo Descargado”.

• Ahora, cierra el navegador y abre la aplicación de Code Studio.
• Aquí debes pulsar en el icono de los tres puntos que está en la esquina superior izquierda.

• Dale a “Open”.

• Busca el archivo en la carpeta de descargas. Cuando lo encuentres, púlsalo y toca en el botón de “Open”.

• El código de la página se cargará en pantalla y podrás ver todos los detalles de la página en cuestión.

Espero que este artículo haya sido útil para ti y hayas aprendido a ver el código fuente en Chrome de Android. Recuerda que puedes compartir esta información en todas tus redes sociales y deja tu comentario si tienes alguna pregunta sobre el tema.

Créditos de imagen: Unsplash, TuAppPara