- Chris Hoffman
@chrisbhoffman
- 2 oktober 2019, 8:00am EDT
webpagina ‘ s zijn gewoon documenten die uw webbrowser weergeeft. Maar wat als je direct op een webpagina kon typen om het te wijzigen? U kunt, en je hoeft niet een browser extensie nodig—het is een functie ingebouwd in elke moderne browser.
Deze functie maakt gebruik van het ” document.designMode ” functie, die u kunt inschakelen via uw webbrowser JavaScript console., Het werd onlangs benadrukt door Tomek Sułkowski op Twitter, maar het is zo cool dat we moeten delen met onze lezers.
u kunt deze functie gebruiken om een webpagina op te schonen voordat u deze afdrukt, om te testen hoe wijzigingen aan een webpagina eruit zullen zien, of zelfs om mensen te pranken. Het zal net als het bewerken van een Word-document-geen gedoe met HTML vereist.
om deze functie te activeren, gaat u naar een webpagina en opent u de developer console., Om de console in Google Chrome te openen, klikt u op menu > Meer hulpmiddelen > ontwikkelaarstools of drukt u op Ctrl+Shift+i.
terwijl we Chrome hier als voorbeeld gebruiken, werkt deze functie ook in andere moderne browsers. Zo opent u de console in andere browsers:
- in Mozilla Firefox, klik op menu > Web Developer > Web Console of druk op Ctrl + Shift + K.,
- in Apple Safari, klik op Safari > Voorkeuren > Geavanceerd en enable ” Toon menu ontwikkelen in menubalk.”Klik vervolgens op ontwikkel > JavaScript-Console tonen.
- in Microsoft Edge, klik menu > Meer hulpmiddelen > ontwikkelaarstools of druk op F12 en klik vervolgens op het tabblad” Console”.
klik op het tabblad” Console ” boven in het paneel ontwikkelaarstools., Typ het volgende in de console en druk op Enter:
document.designMode = 'on'
u kunt nu de console sluiten, als u wilt, en de huidige webpagina bewerken alsof het een bewerkbaar document is. Klik ergens om uw cursor in te voegen en typ tekst. Gebruik de Backspace-of Delete-toetsen om tekst, afbeeldingen en andere elementen te verwijderen.
Dit verandert hoe de webpagina in uw browser verschijnt. Zodra je de pagina ververst, zie je het origineel weer., Als u naar een andere webpagina of tab gaat, staat deze pas in de ontwerpmodus als u de console opent en deze regel opnieuw typt.
u kunt zelfs teruggaan naar de console en het volgende commando uitvoeren om de ontwerpmodus uit te schakelen:
document.designMode = 'off'
de webpagina zal niet meer bewerkt kunnen worden, maar uw wijzigingen zullen behouden blijven tot u de pagina opnieuw ververst.