Comment modifier temporairement une page Web dans Chrome?

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?

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 .

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.

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

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 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