Modifier du texte dans une page Web avec Internet Explorer 8

Internet Explorer est souvent considéré comme le pire navigateur pour les développeurs Web, mais IE8 offre en réalité un très bel ensemble d’outils de développement. Ici, nous allons examiner un moyen unique de les utiliser pour éditer le texte sur une page Web..

Comment éditer du texte dans une page Web

Les outils de développement d'IE8 facilitent la modification de pages Web et leur affichage direct. Naviguez simplement vers 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 dans la barre d’outils "Sélectionner élément par clic".

Maintenant, cliquez sur un endroit de la page Web dans IE8 que vous souhaitez modifier. Ici, modifions le pied de page de Google.com. Remarquez qu'il place un cadre bleu autour de chaque élément survolé pour vous permettre de choisir exactement ce que vous souhaitez modifier..

Dans la fenêtre des outils de développement, l'élément que vous avez précédemment sélectionné est maintenant mis en surbrillance. Cliquez sur le bouton plus en regard de cette entrée si le texte que vous souhaitez modifier n'est pas visible..

Retournez sur 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 édité:

Cela peut être amusant de jouer un tour à quelqu'un ou simplement pour une capture d'écran amusante, mais cela peut aussi être très utile. Vous pouvez tester l'impact d'une modification de la taille de la police sur l'apparence d'un site Web ou sur l'aspect d'un bouton avec une étiquette différente. Cela peut également être utile pour prendre des captures d'écran. Par exemple, si je veux montrer à un ami comment faire quelque chose dans Gmail mais que je ne souhaite 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 toutefois 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 trouvé cette astuce très utile parfois, et cela peut être très amusant aussi! Profitez-en et dites-nous comment vous l'avez utilisé pour vous aider!