12 votes

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 page web de Chrome sur le bureau. Inspecter l'élément fonction. 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 ?

8voto

Danny Beckett Points 152

L'exécution de l'extrait suivant dans la barre d'URL fonctionne à la fois dans Chrome et sur le bureau. y Android :

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

Une note importante : après avoir copié et collé le code dans la barre d'adresse, Chrome supprime automatiquement le code javascript: une partie de celui-ci. Vous devez la réintroduire ou ça ne marchera pas !

Il s'agit d'éviter 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 un JS douteux dans la barre d'adresse.

Il a l'effet que la page entière devient éditable .

Vous pourriez alors faire Imprimer > Enregistrer en PDF si vous aviez besoin de sauvegarder la page Web modifiée.


Je suis un développeur web professionnel, donc ce logiciel a certainement son utilité pour moi. Inutile de le dire, Je ne suis pas responsable si vous faites quelque chose de sournois avec cela, par exemple, falsifier le ' d'une entreprise '. merci, votre commande est confirmée pour leur soutirer des produits à l'aide d'une fausse capture d'écran/impression.

À l'origine, j'ai obtenu le code de Stack Overflow, où il y a 28 questions de ce type .

4voto

verix Points 332

Vous pouvez 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.

1voto

G Phip Points 11

Pour arrêter d'éditer la page, vous pouvez utiliser ceci :

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

0voto

user218255 Points 1

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

androidalle.com

AndroidAlle est une communauté de androiders où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X