- Chris Hoffman
@chrisbhoffman
- 2 oktober 2019, 8:00am EDT
webbsidor är bara dokument som din webbläsare visar. Men vad händer om du kan skriva direkt på en webbsida för att ändra den? Du kan, och du behöver inte ett webbläsartillägg—det är en funktion inbyggd i alla moderna webbläsare.
den här funktionen utnyttjar ”dokumentet.designMode” funktionen, som du kan aktivera via din webbläsares JavaScript-konsol., Det framhävdes nyligen av Tomek Sułkowski på Twitter, men det är så coolt att vi måste dela det med våra läsare.
Du kan använda den här funktionen för att rensa upp en webbsida innan du skriver ut den, testa hur ändringar på en webbsida kommer att se ut, eller till och med bara pranka människor. Det blir precis som att redigera ett Word-dokument – ingen röra med HTML krävs.
för att aktivera den här funktionen, besök en webbsida och öppna sedan utvecklarkonsolen., För att öppna konsolen i Google Chrome, klicka på menyn > fler verktyg > Utvecklarverktyg eller tryck Ctrl+Shift+i.
medan vi använder Chrome som ett exempel här fungerar den här funktionen även i andra moderna webbläsare. Så här öppnar du konsolen i andra webbläsare:
- I Mozilla Firefox klickar du på Meny > webbutvecklare > webbkonsol eller trycker på Ctrl+Shift+K.,
- i Apple Safari, klicka på Safari> Inställningar> Avancerat och aktivera ”Visa utveckla menyn i menyraden.”Klicka sedan på Utveckla> visa JavaScript-konsol.
- i Microsoft Edge, klicka på menyn > fler verktyg > utvecklingsverktyg eller tryck på F12 och klicka sedan på fliken” Console”.
klicka på fliken ”Console” högst upp på panelen Developer Tools., Skriv följande i konsolen och tryck på Enter:
document.designMode = 'on'
Du kan nu stänga konsolen, om du vill, och redigera den aktuella webbsidan som om det var ett redigerbart dokument. Klicka någonstans för att infoga markören och skriv text. Använd backsteg eller ta bort tangenterna för att ta bort text, bilder och andra element.
detta ändrar bara hur webbsidan visas i din webbläsare. Så fort du uppdaterar sidan ser du originalet igen., Om du går till en annan webbsida eller flik kommer den inte att vara i designläge förrän du öppnar konsolen och skriver den här raden igen.
Du kan till och med gå tillbaka till konsolen och köra följande kommando för att stänga av designläget:
document.designMode = 'off'
webbsidan kommer inte att vara redigerbar längre, men dina ändringar kommer att bevaras tills du uppdaterar sidan nästa gång.
Chris Hoffman är chefredaktör för How-To Geek. Han har skrivit om teknik i nästan ett decennium och var en PCWorld kolumnist i två år., Chris har skrivit för New York Times, intervjuats som teknikexpert på tv-stationer som Miamis NBC 6, och hade sitt arbete täckt av nyhetsbutiker som BBC. Sedan 2011 har Chris skrivit över 2,000 artiklar som har lästs mer än 500 miljoner gånger – – – och det är bara här på How-To Geek.Läs hela Bio ”