4Aug
Internet Explorer est souvent décrié 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. Nous verrons ici un moyen unique de les utiliser pour éditer le texte sur n'importe quelle page Web.
Comment éditer du texte dans une page Web Les outils de développement d'
IE8 facilitent la modification d'une page Web et la visualisation directe. 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 dans la barre d'outils "Sélectionner un élément par clic".
Maintenant, cliquez sur n'importe quel endroit de la page Web dans IE8 que vous voulez éditer. Ici, modifions le pied de page de Google.com. Notez qu'il place une boîte bleue autour de n'importe quel élément que vous survolez pour faciliter le choix de ce que vous voulez éditer.
Dans la fenêtre des outils de développement, l'élément que vous avez sélectionné précédemment est maintenant surligné.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 changer, et entrez ce que vous souhaitez dans la boîte. Pour le plaisir, nous avons changé le copyright pour dire "© 2010 Microsoft".
Retour à IE pour voir les changements sur la page!
Vous pouvez également changer 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 pour jouer un tour sur quelqu'un ou simplement pour une capture d'écran drôle, mais ça peut aussi être très utile. Vous pourriez 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 capture 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 pourrais éditer le texte en haut à droite avant de prendre la capture d'écran. Ici, j'ai changé mon adresse Gmail pour [email protected] .
Veuillez noter que les modifications disparaîtront lorsque vous rechargerez la page. Vous pouvez cependant enregistrer vos modifications dans la fenêtre des outils de développement et rouvrir la page depuis votre ordinateur si vous le souhaitez.
Nous avons trouvé cette astuce très utile à certains moments, et ça peut être très amusant aussi! Profitez-en, et laissez-nous savoir comment vous l'avez utilisé pour vous aider!