Websider er kun dokumenter, som din webbrowser viser. Men hvad hvis du kunne skrive direkte på en webside for at ændre det? Du kan, og du har ikke brug for en browserudvidelse - det er en funktion, der er indbygget i enhver moderne browser.
Denne funktion udnytter funktionen “document.designMode”, som du kan aktivere via din webbrowsers JavaScript-konsol. Det blev for nylig fremhævet af Tomek Sułkowski på Twitter, men det er så sejt, at vi er nødt til at dele det med vores læsere.
Den følelse, da du først opdagede 'document.designMode' pic.twitter.com/bxA1otzCjN
- Tomek Sułkowski (@sulco) 27. september 2019
Du kan bruge denne funktion til at ryd en webside op, før du udskriver den , test hvordan ændringer på en webside vil se ud, eller endda bare prank folk. Det bliver ligesom redigering af et Word-dokument - det er ikke nødvendigt at rode med HTML.
For at aktivere denne funktion skal du besøge en webside og derefter åbne udviklerkonsollen. For at åbne konsollen i Google Chrome skal du klikke på menu> Flere værktøjer> Udviklerværktøjer eller trykke på Ctrl + Shift + i.
Mens vi bruger Chrome som et eksempel her, er denne funktion fungerer i andre moderne browsere , også. Sådan åbner du konsollen i andre browsere:
- I Mozilla Firefox skal du klikke på menu> Webudvikler> Webkonsol eller trykke på Ctrl + Shift + K.
- I Apple Safari skal du klikke på Safari> Indstillinger> Avanceret og aktivere "Vis menuen Udvikle i menulinjen." Klik derefter på Udvikl> Vis JavaScript-konsol.
- I Microsoft Edge skal du klikke på menu> Flere værktøjer> Udviklerværktøjer eller trykke på F12 og derefter klikke på fanen "Konsol".
Klik på fanen "Konsol" øverst i panelet Udviklerværktøjer. Skriv følgende i konsollen, og tryk på Enter:
document.designMode = 'til'
Du kan nu lukke konsollen, hvis du vil, og redigere den aktuelle webside, som om det var et redigerbart dokument. Klik et eller andet sted for at indsætte din markør og skrive tekst. Brug Backspace eller Delete-tasterne til at fjerne tekst, billeder og andre elementer.
Dette ændrer bare, hvordan websiden vises i din browser. Så snart du opdaterer siden, ser du originalen igen. Hvis du går til en anden webside eller en anden fane, er den ikke i designtilstand, før du åbner konsollen og skriver denne linje igen.
Du kan endda gå tilbage i konsollen og køre følgende kommando for at deaktivere designtilstand:
document.designMode = 'off'
Websiden kan ikke redigeres længere, men dine ændringer bevares, indtil du opdaterer siden næste gang.
