Comment voir les sources dans le navigateur Android?


156

Est-il possible d'afficher le code HTML source dans le navigateur Web Android?

Réponses:


69

Vous pouvez utiliser la alertméthode Javascript pour retourner le code source, tapez ceci dans la barre d'adresse:

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


3
Au départ, j’avais des doutes que javascript: URI schema fonctionnerait sur le navigateur Android, mais il semblait fonctionner sur mon navigateur 2.1. Toutefois, la syntaxe n'est pas mise en évidence et vous ne pouvez pas copier le texte. Il n'est donc pas très utilisable pour les longues pages HTML.
Lie Ryan

1
Ça ne marche pas pour moi! L'émulateur ajoute toujours le préfixe http: // et j'obtiens un site non trouvé par Google.

1
Chrome pour Android n'affiche qu'une cinquantaine de lignes.

Ne fonctionne pas sur Firefox pour Android.
Aaron Franke

256

Dans Firefox ou Chrome sur Android, il est possible d'afficher le code source en préfixant l'URL dans la barre d'adresse par " view-source:", c'est-à-dire " view-source:http://google.com".


4
Excellente solution. Il génère même une coloration syntaxique (au moins sur Chrome) et permet de copier le code source dans le presse-papier.
Jpsy

2
Pour Firefox pour Android, il existe un module complémentaire qui vous permet de visualiser le code source sans préfixer les URL à chaque fois. Il suffit de cliquer sur l'entrée "Afficher la source" dans le menu de l'application pour afficher le code source de la page Web actuellement ouverte. L'add-on est View Source Mobile
Francisco Alvarado,

6
En tant que bookmarklet:javascript:document.location='view-source:'+document.location;
Benjamin Oakes le

3
Cette réponse devrait être votée davantage et sélectionnée comme la bonne.
Fred Thomsen

1
Cela fonctionne aussi sous Firefox et Chrome sous Linux et Windows, probablement sous macOS
Motte001

29

Recherchez une application appelée View Web Source sur le marché et installez-la.

Ensuite, lorsque vous naviguez, ouvrez votre menu et appuyez sur "partager", dans la liste qui apparaît, choisissez Afficher la source Web.


Keith - vous, l'homme ROCK .. avez sauvé mon @ss .. ne pouvais pas comprendre pourquoi ma vidéo n'était pas intégrée, mais avec l'aide de cet outil, j'ai pu voir à la source que le code n'était pas inclus par le serveur .net

2
Lien vers l'application: market.android.com/details?id=com.jamesob.vwsource vient d'essayer, ça a l'air bien. Aucune syntaxe en surbrillance, mais fait le travail. Place la source dans une zone de texte normale, ce qui signifie que vous pouvez facilement en copier du texte.
GAThrawn

7

L'application mentionnée dans cette réponse n'a pas été mise à jour depuis 2009.

Vous voudrez peut-être essayer VT View Source .


1
Cela a la coloration syntaxique et est très facile à utiliser. Fonctionne avec le navigateur Android par défaut et Chrome. Le dernier Firefox pour Android a son propre View Source, il n’a donc pas besoin de ça.
Ezward

6

Le débogueur à distance weinre est un autre outil utile pour visualiser les sources ET les modifier en direct, à la manière de Firebug / Web Inspector .


cette réponse est géniale.
IAmDeveloper

5

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

Nom: Voir 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 doit apparaître, cliquez dessus et vous êtes prêt.



3

Si ceci est destiné au débogage (il semble que votre commentaire le soit), il est préférable d'installer une extension de commutateur d'agent d'utilisateur pour Firefox ou Chrome sur votre bureau. Modifiez l'agent utilisateur sur Android pour obtenir la version mobile du site, mais avec tous les outils de source et de débogage auxquels vous êtes habitués.


2

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 devez installer les outils de développement Android fournis avec 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 n'importe quoi de l'application de navigateur sur votre émulateur et supprimera tout autre message du journal. À partir de là, toutes les commandes javascript console.log seront capturées par adb et affichées en sortie. Donc, si vous utilisez JQuery, vous pouvez ajouter ceci à votre page et cela affichera l'intégralité du code HTML de la page dans le journal:

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

Cela affichera tout le contenu de votre balise HTML sur la page dans le journal.

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

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

maintenant, toute sortie du journal est sauvegardée dans votre fichier log.txt. C'est vraiment pratique pour une page entière de HTML, car vous pouvez ensuite effectuer une recherche à travers celle-ci comme n'importe quel autre document texte.

Si vous voulez récupérer un fragment spécifique de la page plutôt que le tout, vous pouvez spécifier cette partie de la page plutôt que la balise html dans votre JQuery. qui lui est associé (pour cet exemple, il a une classe nommée 'inspect-me'), vous pouvez changer votre JQuery en:

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

1
Bien que cela puisse fonctionner correctement, la question a été posée dans le navigateur Web Android - et non de . Obtenir les sources en utilisant un PC a des moyens bien plus simples - comme par exemple appuyer sur Ctrl-U dans Firefox;)
Izzy

2

Si vous utilisez un navigateur Opera, tapez ceci dans votre barre d’adresse, assurez-vous d’effacer les fichiers http et autres, puis tapez:

server:source

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


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.