Comment modifier temporairement une page Web dans Chrome?

10

Je souhaite modifier temporairement la page Web affichée dans Chrome sur mon téléphone, quelque chose de similaire à la fonction d' élément Inspect du bureau Chrome . Je comprends que c'est temporaire, mais je veux faire quelques tests.

Je ne vois pas cette option dans l'application elle-même, ai-je besoin d'une extension, d'une autre application ou est-ce impossible?

chrome-for-android Bibz
la source
La boutique en ligne Chrome (extensions) n'est pas disponible sur Chrome pour Android, et je n'ai rencontré aucune extension sur le Web également.
Firelord

Réponses:

7

L'exécution de l'extrait de code suivant dans la barre d'URL fonctionne à la fois dans Chrome pour ordinateur et Android:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Une remarque importante: après avoir copié et collé le code dans la barre d'adresse, Chrome en javascript:supprime automatiquement la partie. Vous devez l'ajouter à nouveau sinon cela ne fonctionnera pas!

C'est pour empêcher que des codes malveillants soient exécutés par des utilisateurs stupides qui pensent gagner un iPad ou obtenir +1 000 amis Facebook s'ils copient des JS douteux dans la barre d'adresse.

Cela a pour effet que la page entière devient modifiable .

Vous pouvez ensuite faire Imprimer> Enregistrer au format PDF si vous avez besoin d'enregistrer la page Web modifiée.

Je suis un développeur Web professionnel, donc cela a certainement ses utilités pour moi. Inutile de dire que je ne suis pas responsable si vous faites quelque chose de sournois avec cela, par exemple en falsifiant la page `` Merci, votre commande est confirmée '' d'une entreprise pour frauder les produits d'elle avec une capture d'écran / impression falsifiée.

J'ai initialement obtenu le code de Stack Overflow, où il y a 28 de ces questions .

Danny Beckett
la source
2
Ça marche! Vous pouvez au moins modifier le texte de la page et supprimer des objets de la page.
Jerry101
1
Je ne sais pas comment vous l'avez fait fonctionner, lorsque je le copie dans la barre d'adresse, il recherche ces termes dans Chrome (à la fois pour les versions de bureau et mobiles).
Bibz
Oui, vous avez raison, j'ai raté la partie décapage car l'URL était trop longue.
Bibz
4

Vous voudrez peut-être consulter ce guide officiel: Débogage à distance sur Android avec Chrome . Cela implique de connecter votre téléphone à un PC et de déboguer la page à l'aide de Chrome DevTools.

geffchang
la source
1
C'est très intéressant, mais j'espérais avoir une option en utilisant uniquement le téléphone. Si tout le reste échoue, j'essaierai votre méthode. Merci.
Bibz
1

Pour arrêter de modifier la page, vous pouvez utiliser ceci:

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

G Phip
la source
0

Ajoutez d'abord "view-source:" avant "http: //" Puis tapez ceci dans la barre d'adresse javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; vide 0

user218255
la source
user218255 Cela fonctionne très bien. Je vous remercie. Mais comment revenir en arrière, après avoir modifié le code? Pour voir les changements. Stefan
Stefan