Comment afficher le code source dans un navigateur Web Android?

Créez un nouveau signet (bookmarklet) sur Mobile Chrome avec :

Nom : Afficher la source (vs)

URL : javascript:document.location='view-source:'+document.location; void(0);

Maintenant, lorsque vous êtes sur une page, appuyez sur le champ d'adresse et commencez à taper : vs. Le bookmarklet devrait apparaître, cliquez dessus et vous êtes prêt.

Dans Chrome, il existe une fonctionnalité de débogage à distance. Si vous installez Chrome sur votre téléphone et que vous le connectez à votre PC via USB, vous pouvez afficher le code source JavaScript modifié sur votre PC dans un navigateur Chrome.

Voir la fin de http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/

Si ceci est pour le débogage (à en juger par votre commentaire, c'est le cas), une solution encore meilleure est d'installer une extension de commutateur d'agent utilisateur pour Firefox ou Chrome sur votre ordinateur de bureau. Changez l'agent utilisateur en Android et vous obtiendrez la version mobile du site, mais avec tous les outils de source et de débogage auxquels vous êtes habitué.

Vous pouvez capturer la source dans votre shell ou dans un fichier texte si vous utilisez un émulateur, ce qui est très pratique pour le développement. Pour ce faire, vous devrez installer les outils de développement Android, qui incluent adb. Lancez votre émulateur puis, à partir du shell de votre système d'exploitation, exécutez la commande :

adb logcat browser:V *:S

Cela affichera tout ce qui provient de l'application navigateur sur votre émulateur et supprimera tout autre message de journal. Ensuite, toutes les commandes console.log en JavaScript seront capturées par adb et affichées pour que vous puissiez les consulter. Ainsi, si vous utilisez JQuery, vous pouvez ajouter ceci à votre page et il affichera tout le HTML de la page dans le journal :

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

Cela affichera tout ce qui se trouve dans la balise html de la page dans le journal.

Vous pouvez capturer la sortie de votre journal (en utilisant BASH, du moins, je ne peux pas parler des autres shells) avec :

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

Maintenant, toute sortie du journal est redirigée dans votre fichier log.txt. Cela est vraiment pratique pour une page entière en HTML, car vous pouvez ensuite y effectuer des recherches comme vous le feriez avec n'importe quel autre document texte.

Si vous souhaitez capturer une partie spécifique de la page au lieu de la page entière, vous pouvez spécifier cette partie de la page plutôt que la balise html dans votre JQuery, donc si vous devez examiner un seul div qui a une classe/id associée (pour cet exemple, il a une classe nommée 'inspect-me'), vous pouvez modifier votre JQuery en :

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

Si vous utilisez un navigateur Opera, tapez ceci dans votre barre d'adresse, assurez-vous d'effacer le http et autres choses, puis tapez :

server:source

dans l'adresse de la page que vous avez ouverte.