Kaip redaguoti bet kurį tinklalapį „Chrome“ (arba bet kurioje naršyklėje)

Tinklalapiai yra tik dokumentai, kuriuos rodo jūsų interneto naršyklė. Bet kas, jei galėtumėte tiesiogiai įvesti bet kurį tinklalapį, kad jį modifikuotumėte? Galite ir nereikia naršyklės plėtinio - tai funkcija, įdiegta kiekvienoje šiuolaikinėje naršyklėje.

Ši funkcija naudoja „document.designMode“ funkciją, kurią galite įgalinti naudodami savo naršyklės „JavaScript“ konsolę. Neseniai tai pabrėžė Tomekas Sułkowskis „Twitter“ tinkle, tačiau jis yra toks šaunus, kad turime juo pasidalinti su savo skaitytojais.

Šią funkciją galite naudoti norėdami išvalyti tinklalapį prieš spausdindami, išbandydami, kaip atrodys tinklalapio pakeitimai, ar net tiesiog išdaigydami žmones. Tai bus lygiai taip pat, kaip redaguoti „Word“ dokumentą - nereikia susipainioti su HTML.

Norėdami suaktyvinti šią funkciją, apsilankykite tinklalapyje ir atidarykite kūrėjų pultą. Norėdami atidaryti konsolę naršyklėje „Google Chrome“, spustelėkite meniu> Daugiau įrankių> Kūrėjo įrankiai arba paspauskite „Ctrl“ + „Shift“ + i.

Nors čia kaip pavyzdį naudojame „Chrome“, ši funkcija veikia ir kitose šiuolaikinėse naršyklėse. Štai kaip atidaryti konsolę kitose naršyklėse:

  • „Mozilla Firefox“ spustelėkite meniu> „Web Developer“> „Web Console“ arba paspauskite „Ctrl“ + „Shift“ + K.
  • „Apple Safari“ spustelėkite „Safari“> „Preferences“> „Advanced“ ir įgalinkite „Show menu menu bar“. Tada spustelėkite Kurti> Rodyti „JavaScript“ konsolę.
  • „Microsoft Edge“ spustelėkite meniu> Daugiau įrankių> Kūrėjo įrankiai arba paspauskite F12, tada spustelėkite skirtuką „Konsolė“.

Spustelėkite „Console“ skirtuką kūrėjo įrankių skydelio viršuje. Į konsolę įveskite šiuos duomenis ir paspauskite Enter:

document.designMode = 'įjungta'

Dabar galite uždaryti konsolę, jei norite, ir redaguoti dabartinį tinklalapį taip, lyg tai būtų redaguojamas dokumentas. Spustelėkite kur nors, jei norite įterpti žymeklį ir įvesti tekstą. Norėdami pašalinti tekstą, vaizdus ir kitus elementus, naudokite klavišus „Backspace“ arba „Delete“.

Tai tik pakeičia tai, kaip tinklalapis rodomas jūsų naršyklėje. Kai tik atnaujinsite puslapį, vėl pamatysite originalą. Jei eisite į kitą tinklalapį ar skirtuką, jis nebus sukurtas, kol neatidarysite konsolės ir dar kartą neįvesite šios eilutės.

Jūs netgi galite grįžti į konsolę ir paleisti šią komandą, kad išjungtumėte dizaino režimą:

document.designMode = 'išjungta'

Tinklalapio nebebus galima redaguoti, tačiau jūsų pakeitimai bus išsaugoti, kol kitą kartą atnaujinsite puslapį.