Web pagina ‘ s worden in de documenten van uw web browser. Maar wat als je zou kunnen typ rechtstreeks op een webpagina te wijzigen? Je kunt, en je hoeft niet een browser extensie—het is een functie die is ingebouwd in elke moderne browser.
Deze functie maakt gebruik van het “document.designMode” functie, die je kunt inschakelen via uw web-browser JavaScript-console. Het werd onlangs onderstreept door Tomek Sułkowski op Twitter, maar het is zo cool dat we delen met onze lezers.
Dat gevoel wanneer je voor het eerst ontdekt `document.designMode` pic.twitter.com/bxA1otzCjN
— Tomek Sułkowski (@sulco) 27 September 2019
U kan deze functie gebruiken om een webpagina voordat u het afdrukt, test hoe veranderingen in een webpagina eruit zal zien, of zelfs gewoon een grap mensen. Het zal net als het bewerken van een Word—document, niet knoeien met HTML vereist.
Om deze functie te activeren, gaat u naar een web pagina en open de console voor ontwikkelaars. Om de console te openen in Google Chrome, klik op menu > Tools > Developer Tools of druk op Ctrl+Shift+i.
Terwijl we met behulp van Chroom als voorbeeld hier, deze functie werkt in andere moderne browsers ook. Hier is hoe om de console te openen in andere browsers:
- In Mozilla Firefox, klikt u op menu > Web Developer > Web Console of druk op Ctrl+Shift+K.
- In Apple Safari, klik op Safari > Voorkeuren > Geavanceerd en om ‘ Toon Ontwikkel-menu in menubalk.” Klik vervolgens op het Ontwikkelen van > Toon de JavaScript-Console.
- In Microsoft Rand, klikt u op menu > more (Meer Gereedschappen > Developer-Tools of druk op F12 en klik vervolgens op de “Console” tabblad.
Klik op de “Console” tab aan de bovenkant van de Ontwikkelaar deelvenster Gereedschappen. Typ het volgende in de console en druk op Enter:
document.designMode = ‘op’
U kunt nu de console sluiten, als je wilt, en past u de huidige webpagina als was het een bewerkbaar document. Klik ergens plaats uw cursor en voer tekst in. Gebruik de Backspace-of Delete toetsen om tekst te verwijderen, afbeeldingen en andere elementen.
Dit verandert de manier waarop de webpagina wordt weergegeven in uw browser. Zodra u de pagina vernieuwt, ziet u de originele nogmaals. Als u naar een andere web pagina of tabblad, het zal niet in de ontwerp-modus totdat u de console te openen en typ deze regel opnieuw.
U kunt zelfs gaan terug in de console en voer het volgende commando in te schakelen ontwerp modus uit:
document.designMode = ‘uit’
De web pagina niet meer worden bewerkt, maar de wijzigingen zullen worden bewaard totdat u naast het vernieuwen van de pagina.
LEES VERDER
- “Google Kondigt Kaarten Incognito-Modus en Meer Privacy
- “Bevestigd: Windows-10 Setup Voorkomt Nu Dat Lokale Account Aanmaken
- “Het Uitschakelen van het Apple-Horloge Altijd-Op het Display
- “Hoe een Back-Up van Uw Spullen en over te Schakelen naar een Nieuwe Mac
- “Is de Mac Pro is Duur in Vergelijking met een PC?