Sådan Redigerer du en Web-Side i Chrome (eller Enhver Browser)

• Chris Hoffman

  @chrisbhoffman

• 2 oktober 2019, 8:00 am EDT

Web-sider er kun dokumenter på din web browser viser. Men hvad nu hvis du kunne skrive direkte på en webebside for at ændre det? Du kan, og du behøver ikke en bro .serudvidelse—det er en funktion indbygget i enhver moderne bro .ser.

denne funktion udnytter “dokumentet.designMode ” – funktion, som du kan aktivere via din browebbro .sers JavaScript-konsol., Det blev for nyligt understreget af Tomek Sułkowski på Twitter, men det er så cool, at vi er nødt til at dele det med vores læsere.

Du kan bruge denne funktion til at rydde op på en pageebside, før du udskriver den, teste, hvordan ændringer til en .ebside vil se ud, eller endda bare prank folk. Det vil være ligesom at redigere et Wordord-dokument-ingen messing med HTML påkrævet.

for at aktivere denne funktion skal du besøge en featureebside og derefter åbne udviklerkonsollen., Til at åbne konsollen i Google Chrome, klik på menuen > Værktøjer > Developer Tools eller tryk på Ctrl+Skift+i.

Mens vi bruger Chrome som et eksempel her, denne funktion virker med andre moderne browsere, også. Her er hvordan til at åbne konsollen i andre browsere:

• I Mozilla Firefox, klik på menuen > Web-Udvikler > Web-Konsollen, eller tryk på Ctrl+Shift+K.,
• I Apple Safari skal du klikke på Safari > Preferences > Avanceret og aktivere “Vis udviklermenuen på menulinjen.”Klik derefter på Udvikle > Vis JavaScript-konsol.
• i Microsoft Edge skal du klikke på menu > flere værktøjer> udviklingsværktøjer, eller tryk på F12 og klik derefter på fanen “Konsol”.

Klik på fanen “Konsol” øverst i Udviklerværktøjspanelet., Skriv følgende i konsollen, og tryk på Enter:

document.designMode = 'on'

Du kan nu lukke konsollen, hvis du kan lide, og rediger den aktuelle internetside som hvis det var et redigerbart dokument. Klik et sted for at indsætte markøren og skrive tekst. Brug Backspace eller Delete til at fjerne tekst, billeder og andre elementer.

Dette ændrer bare, hvordan webebsiden vises i din bro .ser. Så snart du opdaterer siden, vil du se originalen igen., Hvis du går til en anden tabebside eller fane, vil den ikke være i designtilstand, før du åbner konsollen og skriver denne linje igen.

Du kan endda gå tilbage til konsollen og køre følgende kommando for at slå designtilstand fra:

document.designMode = 'off'

webebsiden kan ikke redigeres længere, men dine ændringer bevares, indtil du næste opdaterer siden.