IntroductionLa fonction "Inspecter l'ĂlĂ©ment" de votre navigateur permet de faire des changements temporaires sur les scripts d'un site web, qui se rĂ©initialisent Ă chaque rafraĂźchissement de la page. Pour rendre ces modifications permanentes, vous pouvez utiliser les extensions Permanent Inspect Element ou Tampermonkey.
Prérequis⹠Navigateur Chrome ou Firefox
ProcĂ©dure
Utiliser Permanent Inspect Elementâą Rendez-vous sur le Chrome Web Store et cliquez sur Ajouter Ă Chrome pour installer l'extension Permanent Inspect Element Ă partir de cette page.
âą Cliquez sur Ajouter l'extension dans la boĂźte de confirmation.
âą Allez ensuite sur le site web oĂč vous souhaitez modifier les Ă©lĂ©ments, puis appuyez sur Ctrl + Shift + I pour ouvrir l'outil Inspecter l'ĂlĂ©ment.
⹠Apportez les modifications souhaitées dans le panneau de droite.
⹠Fermez l'outil, cliquez sur l'icÎne des Extensions dans la barre d'outils du navigateur, et sélectionnez Permanent Inspect Element.
âą Cliquez sur le bouton Enregistrer la page, puis attendez quelques secondes.
âą Maintenant, lorsque vous rafraĂźchissez la page, les changements restent visibles et ne reviennent pas Ă la configuration originale du site.
⹠Pour réinitialiser les modifications, cliquez sur le bouton Réinitialiser. L'option Réinitialiser tout supprime les personnalisations pour tous les sites.
Utiliser Tampermonkey⹠Installez Tampermonkey en vous rendant sur le site officiel Tampermonkey, laissez-le détecter votre navigateur, puis cliquez sur le bouton Obtenir depuis le Store.
⹠Faites les changements sur le site web souhaité en appuyant sur Ctrl + Shift + I pour inspecter les éléments.
⹠Créez un nouveau script en cliquant sur l'icÎne des Extensions, et sélectionnez Tampermonkey.
⹠Cliquez maintenant sur l'extension Tampermonkey, et sélectionnez Créer un nouveau script dans le menu déroulant.
âą Vous verrez le script utilisateur :
Code:
// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 2024-01-16
// @description try to take over the world!
// @author You
// @match https://tutoriaux-excalibur.com/
// @icon https://www.google.com/s2/favicons?sz=64&domain=tutoriaux-excalibur.com
// @grant none
// ==/UserScript==âą Ajoutez un nom et une description, en laissant les autres champs tels quels. Assurez-vous que le champ match liste l'URL du site web.
⹠Collez les modifications que vous avez faites aux éléments dans la section ci-dessous.
⹠Une fois terminé, cliquez sur le menu Fichier et sélectionnez Enregistrer.
âą Enfin, retournez sur le site web et rafraĂźchissez la page. Si tout est en ordre, les modifications devraient toujours ĂȘtre visibles.
ConseilTampermonkey est un outil plus avancé et est mieux adapté pour les utilisateurs qui comprennent JavaScript et CSS, parmi d'autres aspects du développement web.
ConclusionAvec ces extensions, vous pouvez rendre permanentes les modifications apportĂ©es via l'outil Inspecter l'ĂlĂ©ment de votre navigateur, offrant une flexibilitĂ© accrue pour personnaliser l'expĂ©rience web Ă votre convenance.
