Hogyan lehet szerkeszteni bármely weboldalt a Chrome-ban (vagy bármilyen böngészőben)

• Chris Hoffman

  @chrisbhoffman

• 2019.október 2., 8:00am EDT

a weboldalak csak dokumentumok a böngésző megjelenítései. De mi van, ha közvetlenül bármelyik weboldalra írhat, hogy módosítsa? Lehet, de nincs szükség böngészőbővítményre—ez egy olyan funkció, amely minden modern böngészőbe be van építve.

Ez a funkció kihasználja a ” dokumentum.designMode ” funkció, amelyet engedélyezhet a böngésző JavaScript konzolján keresztül., Tomek Sułkowski nemrégiben kiemelte a Twitteren, de annyira jó, hogy meg kell osztanunk olvasóinkkal.

használhatja ezt a funkciót egy weboldal tisztításához a nyomtatás előtt, tesztelheti, hogyan fog kinézni a weboldal változásai, vagy akár csak tréfa emberek. Olyan lesz, mint egy Word-dokumentum szerkesztése—nincs szükség a HTML-vel való szórakozásra.

a szolgáltatás aktiválásához látogasson el egy weboldalra, majd nyissa meg a fejlesztői konzolt., A konzol megnyitásához a Google Chrome-ban kattintson a menüre > további eszközök > fejlesztői eszközök vagy nyomja meg a Ctrl+Shift+i.

míg itt példaként használjuk a Chrome-ot, ez a funkció más modern böngészőkben is működik. Így lehet megnyitni a konzolt más böngészőkben:

• a Mozilla Firefoxban kattintson a menüre > Webfejlesztő > webkonzol vagy nyomja meg a Ctrl+Shift+K billentyűt.,
• az Apple Safariban kattintson a Safari > Beállítások > speciális és engedélyezés “menü megjelenítése a menüsorban.”Ezután kattintson a fejlesztés > JavaScript konzol megjelenítése elemre.
• a Microsoft Edge-ben kattintson a menüre >további eszközök > fejlesztői eszközök vagy nyomja meg az F12 billentyűt, majd kattintson a” konzol ” fülre.

kattintson a fejlesztői eszközök panel tetején található “konzol” fülre., Írja be a következőt a konzolba, majd nyomja meg az Enter billentyűt:

document.designMode = 'on'

most bezárhatja a konzolt, ha úgy tetszik, szerkesztheti az aktuális weboldalt, mintha szerkeszthető dokumentum lenne. Kattintson valahol a kurzor beszúrásához, majd írja be a szöveget. Használja a Backspace-t, vagy törölje a billentyűket a szöveg, a képek és más elemek eltávolításához.

Ez csak megváltoztatja a weboldal megjelenését a böngészőben. Amint frissíti az oldalt, ismét megjelenik az eredeti., Ha egy másik weboldalra vagy lapra lép, akkor az nem lesz tervezési módban, amíg meg nem nyitja a konzolt, és nem írja be újra ezt a sort.

akkor is megy vissza a konzolba, és futtassa a következő parancsot, hogy kapcsolja ki a tervezési mód:

document.designMode = 'off'

a weboldal nem lesz szerkeszthető többé, de a változások megmaradnak, amíg a következő frissítés az oldalon.