Modifier n’importe quelle page web avec votre navigateur

html logo

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.

Découvrez comment je peux booster votre site »

Articles conseillés :

Matt

Matt Biscay est développeur WordPress et WooCommerce certifié chez Codeable, ainsi que sysadmin qualifié et enseignant-chercheur. Passionné par le code performant et les solutions sécurisées, je m'efforce d'offrir une expérience utilisateur exceptionnelle sur chaque projet.

Vous avez aimé cet article ? Vous avez un projet en tête et vous pensez que je pourrais vous aider à le concrétiser ? N'hésitez pas à me contacter, je serais ravi de discuter avec vous de votre projet !

13 pensées sur “Modifier n’importe quelle page web avec votre navigateur”

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

      Reply
  1. 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

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

    Reply
    • Salut Marion,

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

      Reply
    • 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.

      Reply
  3. Bonjour !

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

    Merci :D

    Reply

Opinions