Internet Explorer est souvent décrié comme le pire navigateur pour les développeurs Web, mais IE8 offre en fait un très bel ensemble d'outils de développement. Ici, nous allons examiner une façon unique de les utiliser pour modifier le texte sur n'importe quelle page Web.
Comment modifier du texte dans une page Web
Les outils de développement d'IE8 permettent d'apporter facilement des modifications à une page Web et de les afficher directement. Accédez simplement à la page Web de votre choix et appuyez sur la touche F12 de votre clavier. Vous pouvez également cliquer sur le bouton Outils et sélectionner Outils de développement dans la liste.
Cela ouvre les outils de développement. Pour faire notre édition, nous voulons sélectionner le bouton de la souris sur l'outil «Sélectionner élément par clic» de la barre d'outils.
Maintenant, cliquez sur n'importe quel endroit de la page Web dans IE8 que vous souhaitez modifier. Ici, modifions le pied de page de Google.com. Notez qu'il place une boîte bleue autour de tout élément sur lequel vous survolez pour faciliter le choix exact de ce que vous souhaitez modifier.
Dans la fenêtre des outils de développement, l'élément que vous avez sélectionné auparavant est maintenant mis en surbrillance. Cliquez sur le bouton plus à côté de cette entrée si le texte que vous souhaitez modifier n'est pas visible.
Maintenant, cliquez sur le texte que vous souhaitez modifier et entrez ce que vous souhaitez dans la case. Pour le plaisir, nous avons changé le copyright pour dire «© 2010 Microsoft».
Revenez à IE pour voir les changements sur la page!
Vous pouvez également modifier un lien sur une page de cette façon:
Ou vous pouvez même changer le texte sur un bouton:
Voici notre Google.com modifié:
Cela peut être amusant pour jouer un tour à quelqu'un ou simplement pour une capture d'écran amusante, mais cela peut aussi être très utile. Vous pouvez tester comment les changements de taille de police changeraient l'apparence d'un site Web ou voir à quoi ressemblerait un bouton avec une étiquette différente. Cela peut également être utile lors de la prise de captures d'écran. Par exemple, si je veux montrer à un ami comment faire quelque chose dans Gmail mais que je ne veux pas révéler mon adresse e-mail, je peux modifier le texte en haut à droite avant de prendre la capture d'écran. Ici, j'ai changé mon adresse Gmail en [email protected] .
Veuillez noter que les modifications disparaîtront lorsque vous rechargerez la page. Vous pouvez cependant enregistrer vos modifications à partir de la fenêtre des outils de développement et rouvrir la page à partir de votre ordinateur si vous le souhaitez.
Nous avons parfois trouvé cette astuce très utile, et cela peut aussi être très amusant! Profitez-en et dites-nous comment vous l'avez utilisé pour vous aider!
