¿Cómo puedo ver la fuente en el navegador de Android?

¿Existe una forma de ver el HTML fuente en el navegador web de Android?

Solución

Puedes usar el método alert de Javascript para devolver el código fuente, escribe esto en la barra de direcciones:

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);.

Comentarios (4)

Busque una aplicación llamada View Web Source en el mercado e instálela.

A continuación, cuando se navega, abra su menú y toque "compartir", en la lista que aparece elegir View Web Source.

Comentarios (2)

puedes capturar el código fuente en tu shell o en un archivo de texto si utilizas un emulador, lo cual es muy útil para el desarrollo. Para ello, tendrás que instalar Android Developer Tools, que viene con adb. Enciende tu emulador y luego, desde el shell de tu sistema operativo, ejecuta el comando

adb logcat browser:V *:S

Esto mostrará cualquier cosa de la aplicación del navegador en su emulador y suprimirá cualquier otro mensaje de registro. A partir de ahí, cualquier comando javascript console.log será capturado por adb y la salida para que usted pueda ver. Por lo tanto, si usted está usando JQuery, puede añadir esto a su página y que va a la salida de toda la página html para el registro:

$(document).ready(function(){console.log($('html').html())});

Esto mostrará todo lo que hay en la etiqueta html de la página en el registro.

Puede capturar la salida de su registro (usando BASH, al menos, no puedo hablar de otros shells) con:

adb logcat browser:V *:S > log.txt

ahora, cualquier salida del registro se vuelca en su archivo log.txt. Esto es muy útil para una página entera de HTML, ya que puede buscar a través de ella como lo haría con cualquier otro documento de texto.

Si desea tomar un pedazo específico de la página en lugar de todo el asunto, puede especificar esa parte de la página en lugar de la etiqueta html en su JQuery, así que si usted necesita mirar a un solo div que tiene una clase/id asociada con él (para este ejemplo, tiene una clase llamada 'inspect-me'), puede cambiar su JQuery a:

$(document).ready(function(){console.log($('div.inspect-me').html())});
Comentarios (1)