Cómo ver el código fuente de las páginas web en Chrome para Android

Cómo ver el código fuente de las páginas web en Chrome para Android

ver codigo fuente pagina web

Cómo ver el código fuente de las páginas web en Chrome para Android

ver codigo fuente pagina web

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.
ver código fuente chrome android
  • Pulsa sobre el apartado de la URL y toca el icono del lápiz.
ver código fuente
  • 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”.
ver el codigo html de una pagina
  • 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.
código fuente de una página web

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.
codigo fuente web
  • Toca en la opción de “Compartir”.
como ver el codigo de una web
  • Ahora tendrás que presionar el botón de “Más” para que se desplieguen otras opciones.
como ver codigo fuente
  • Desliza el dedo para buscar entre las apps y selecciona VT View Source.
codigo fuente pagina web
  • 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.
como ver el codigo de una pagina

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”.

ver codigo html de una pagina
VT View Source
VT View Source
Price: Free

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.
ver código fuente página web android
  • Toca en el icono de descarga.
ver codigo fuente chrome movil
  • La página se descargará como un archivo y verás una notificación que dice “Archivo Descargado”.
como ver el html de una pagina
  • 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.
ver codigo de pagina web
  • Dale a “Open”.
ver el codigo de una pagina web
  • Busca el archivo en la carpeta de descargas. Cuando lo encuentres, púlsalo y toca en el botón de “Open”.
como abrir el codigo de una pagina
  • 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.
como acceder al codigo fuente de una pagina

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.

Déjanos un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Tu valoración: ¿Qué te ha parecido el artículo?