4Aug
Internet Explorer wordt vaak bestempeld als de slechtste browser voor webontwikkelaars, maar IE8 biedt eigenlijk een erg mooie set ontwikkeltools. Hier zullen we kijken naar een unieke manier om ze te gebruiken om de tekst op elke webpagina te bewerken.
Tekst in een webpagina bewerken
IE8's ontwikkelaarstools maken het gemakkelijk om wijzigingen aan een webpagina aan te brengen en ze direct te bekijken. Blader eenvoudigweg naar de webpagina van uw keuze en druk op F12 op uw toetsenbord. Als alternatief kunt u op de knop Extra klikken en Ontwikkeltools in de lijst selecteren.
Hiermee worden de ontwikkelaarstools geopend. Om onze bewerking uit te voeren, willen we de muisknop selecteren op de werkbalk 'Selecteer element voor klik'.
Klik nu op een willekeurige plek op de webpagina in IE8 die u wilt bewerken. Hier, laten we de voettekst van Google.com bewerken. Je ziet dat er een blauw vakje wordt geplaatst rond elk element dat je beweegt om het gemakkelijk te maken om precies te kiezen wat je wilt bewerken.
In het venster Ontwikkelaarstools is het element dat u eerder hebt geselecteerd nu gemarkeerd. Klik op de plusknop naast dat item als de tekst die u wilt bewerken niet zichtbaar is.
Klik nu op de tekst die u wilt wijzigen en voer de gewenste tekst in het vak in. Voor de lol hebben we het auteursrecht gewijzigd om te zeggen "© 2010 Microsoft".
Ga terug naar IE om de wijzigingen op de pagina te zien!
Je kunt ook een koppeling op een pagina op deze manier wijzigen:
Of je kunt zelfs de tekst op een knop wijzigen:
Hier is onze bewerkte Google.com:
Dit kan leuk zijn om iemand te verslaan of gewoon om een grappige screenshot te maken, maar het kan ook erg handig zijn. U kunt testen hoe wijzigingen in lettertype de weergave van een website zouden veranderen of zien hoe een knop eruit zou zien met een ander label. Het kan ook handig zijn bij het maken van schermafbeeldingen. Als ik bijvoorbeeld een vriend wil laten zien hoe iets in Gmail moet doen, maar mijn e-mailadres niet wil onthullen, kan ik de tekst in de rechterbovenhoek bewerken voordat ik de schermafbeelding heb gemaakt. Hier heb ik mijn Gmail-adres gewijzigd in [email protected] .
Houd er rekening mee dat de wijzigingen verdwijnen wanneer u de pagina opnieuw laadt. U kunt uw wijzigingen echter opslaan in het venster Ontwikkelaarstools en de pagina desgewenst opnieuw vanaf uw computer openen.
We hebben deze truc soms erg nuttig gevonden, en het kan ook erg leuk zijn! Geniet ervan en laat ons weten hoe je het hebt gebruikt om je te helpen!