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 gagner 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.

A lire :  La Freebox devient fax grâce à une ligne secondaire gratuite

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.

Si vous avez trouvé une faute d’orthographe, veuillez nous en informer en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée.

Vous souhaitez réaliser un nouveau projet WordPress ou WooCommerce, ou ajouter de nouvelles fonctionnalités? Ou améliorer les performances de votre site?

Parlons de votre projet »

Articles en rapport:

14 Comments

  1. Avatar

    Bonjour !

    Est-ce que ça marche sur mac??
    Quelqu’un pourrait-il m’aider? C’est très urgent.

    Merci :D

    • Matt

      Bonjour,

      Oui, cela fonctionne dans n’importe quel navigateur. Aucun problème avec Firefox sous MacOS par exemple.

  2. Avatar

    J’ai utilisé ce bout de code pour mon application Hacklol Modifier (http://hacklol.olympe.in), permettant de modifier des sites pour faire des blagues à ces amis. Mais ça va plus loin, on peut dessiner dessus ou simuler un bug du site.

  3. Avatar

    il n’existe pas la même chose pour les fenêtres de windows. c’est à dire hors page web??

    • Matt

      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.

  4. Avatar

    Cela ne fonctionne pas ! Je Copie-Colle mais rien ne se passe. Je ne peux rien modifier. Je suis sous Mozilla Firefox.

    • Matt

      Salut Marion,

      Je viens d’éditer l’article pour ajouter un bookmarklet, cela refonctionne en utilisant cette méthode.

  5. Avatar

    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

    • Matt

      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).

Écrire un commentaire

Spelling error report

The following text will be sent to our editors: