Webbsidor är bara dokument som din webbläsare visar. Men tänk om du kunde skriva direkt på vilken webbsida som helst 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.
Denna funktion utnyttjar funktionen "document.designMode", som du kan aktivera via din webbläsares JavaScript-konsol. Det framhölls nyligen av Tomek Sułkowski på Twitter, men det är så coolt att vi måste dela det med våra läsare.
Den känslan när du först upptäckte `document.designMode` pic.twitter.com/bxA1otzCjN
- Tomek Sułkowski (@sulco) 27 september 2019
Du kan använda den här funktionen för att städa upp en webbsida innan du skriver ut den , testa hur förä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 - det behövs ingen skräp med HTML.
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å meny> Fler verktyg> Utvecklarverktyg eller tryck på Ctrl + Skift + i.
Medan vi använder Chrome som ett exempel här, den här funktionen fungerar i andra moderna webbläsare också. Så här öppnar du konsolen i andra webbläsare:
- I Mozilla Firefox klickar du på meny> Webbutvecklare> Webkonsol eller trycker på Ctrl + Skift + K.
- I Apple Safari klickar du på Safari> Inställningar> Avancerat och aktiverar "Visa utvecklingsmeny i menyraden." Klicka sedan på Utveckla> Visa JavaScript-konsol.
- Klicka på menyn> Fler verktyg> Utvecklarverktyg i Microsoft Edge eller tryck på F12 och klicka sedan på fliken "Konsol".
Klicka på fliken "Console" högst upp på panelen Developer Tools. Skriv in följande i konsolen och tryck på Enter:
document.designMode = 'på'
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 skriva text. Använd Backspace eller Delete-tangenterna för att ta bort text, bilder och andra element.
Detta ändrar bara hur webbsidan visas i din webbläsare. Så snart 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 = 'av'
Webbsidan kan inte redigeras längre, men dina ändringar bevaras tills du uppdaterar sidan nästa gång.
