Nettsider er bare dokumenter som nettleseren din viser. Men hva om du kunne skrive direkte på en hvilken som helst webside for å endre den? Du kan, og du trenger ikke en nettleserutvidelse - det er en funksjon innebygd i alle moderne nettlesere.
Denne funksjonen utnytter funksjonen “document.designMode”, som du kan aktivere via nettleserens JavaScript-konsoll. Det ble nylig fremhevet av Tomek Sułkowski på Twitter, men det er så kult at vi må dele det med leserne våre.
Den følelsen da du først oppdaget `document.designMode` pic.twitter.com/bxA1otzCjN
- Tomek Sułkowski (@sulco) 27. september 2019
Du kan bruke denne funksjonen til å rydd opp en webside før du skriver den ut , test hvordan endringer på en webside vil se ut, eller til og med bare prank folk. Det blir akkurat som å redigere et Word-dokument - det er ikke nødvendig å rote med HTML.
For å aktivere denne funksjonen, besøk en webside og åpne deretter utviklerkonsollen. For å åpne konsollen i Google Chrome, klikk på menyen> Flere verktøy> Utviklerverktøy eller trykk Ctrl + Shift + i.
Mens vi bruker Chrome som et eksempel her, er denne funksjonen fungerer i andre moderne nettlesere også. Slik åpner du konsollen i andre nettlesere:
- I Mozilla Firefox klikker du på menyen> Webutvikler> Nettkonsoll eller trykker Ctrl + Shift + K.
- I Apple Safari klikker du Safari> Innstillinger> Avansert og aktiver "Vis utviklingsmeny i menylinjen." Klikk deretter Utvikle> Vis JavaScript-konsoll.
- I Microsoft Edge klikker du på menyen> Flere verktøy> Utviklerverktøy eller trykker på F12 og klikker deretter kategorien "Konsoll".
Klikk på "Konsoll" -fanen øverst i utviklerverktøypanelet. Skriv inn følgende i konsollen og trykk Enter:
document.designMode = 'på'
Du kan nå lukke konsollen, hvis du vil, og redigere den gjeldende websiden som om det var et redigerbart dokument. Klikk et sted for å sette inn markøren og skrive inn tekst. Bruk Backspace eller Delete-tastene for å fjerne tekst, bilder og andre elementer.
Dette endrer bare hvordan websiden vises i nettleseren din. Så snart du oppdaterer siden, ser du originalen igjen. Hvis du går til en annen webside eller en annen fane, vil den ikke være i designmodus før du åpner konsollen og skriver inn denne linjen en gang til.
Du kan til og med gå tilbake til konsollen og kjøre følgende kommando for å slå designmodus av:
document.designMode = 'av'
Nettsiden kan ikke redigeres lenger, men endringene dine blir bevart til neste gang du oppdaterer siden.
