Bon, c’est une astuce un peu érodée maintenant et je suis sûr que vous êtes plusieurs ici à la connaître mais je la rajoute quand même ici pour référence.
J’ai montré cela au responsable TICE de mon collège récemment et il n’en revenait pas : il est bel et bien possible de modifier n’importe quelle page web avec n’importe quel navigateur et tout cela directement en ligne, en utilisant une ligne de javascript.
Une ligne de Javascript qui rend la page éditable
Bien évidemment, la page n’est pas du tout modifiée, n’allez pas croire que vous êtes 1337 au point d’avoir gagné les droits d’écriture sur toutes les pages du net !
Par contre, cela permet d’éditer facilement un design ou d’effectuer quelques tests.
Glissez-déposez ce bookmarklet JavaScript vers votre barre de favoris : Modifier cette page.
Allez ensuite sur n’importe quelle page web puis cliquez sur le bookmarklet.
Ce petit bout de code Javascript indique au navigateur que le contenu de la page est modifiable. Vous pouvez donc taper ce que vous voulez dans la page.
A quoi cela sert-il ?
Alors j’entends certains me dire que cela ne sert à rien. Pour la grande majorité des internautes, c’est exact.
Pour les développeurs ou graphistes par contre, l’intérêt est tout autre : cela peut servir à vérifier le rendu de la page avec une zone de texte plus importante, des images en moins, la suppression de sections entières…
Il suffit de sélectionner la partie qui vous intéresse et supprimer ou ajouter ce que vous souhaitez – vous pouvez même manipuler le contenu d’une page afin d’en faire une capture d’écran.
Sauvegarde des modifications
Avec Firefox et Chrome, il est possible de sauvegarder vos modifications.
Éditez la page puis enregistrez-la en cliquant sur Fichier > Enregistrer sous.
Il semble par contre impossible d’enregistrer les modifications avec Internet Explorer ou Opera.
Vous voulez un site WordPress ou WooCommerce qui soit à la fois rapide et performant? Vous êtes au bon endroit.
Ou alors tu utilises Firebug ! :-)
Oui, si on est sur sa propre machine :)
Le coup de la petite ligne de JS, c’est marrant sur les machines des autres (boulot etc).
Je ne connaissais pas cette technique, ça peut être sympa pour faire une petite démo en live pour impressionner ou faire une tite frayeur :P
Et modifier subrepticement la page facebook des amis ;-)
Cela ne fonctionne pas ! Je Copie-Colle mais rien ne se passe. Je ne peux rien modifier. Je suis sous Mozilla Firefox.
Salut Marion,
Je viens d’éditer l’article pour ajouter un bookmarklet, cela refonctionne en utilisant cette méthode.
il n’existe pas la même chose pour les fenêtres de windows. c’est à dire hors page web??
Non, pour les pages web c’est juste du javascript. Pour le système d’exploitation, je ne vois pas, à part avec un logiciel de retouche d’image.
Nouveau lien vers mon site Hacklol (Hack lol) : http://hacklol.eliastiksofts.com
Comment sauvegarder les modif qu’on a fait sur une page ?
utilise thunderpen.com
Bonjour !
Est-ce que ça marche sur mac??
Quelqu’un pourrait-il m’aider? C’est très urgent.
Merci :D
Bonjour,
Oui, cela fonctionne dans n’importe quel navigateur. Aucun problème avec Firefox sous MacOS par exemple.