Jak Upravit Jakékoliv Webové Stránky v Chrome (nebo Jakýkoli Prohlížeč)

• Chris Hoffman

  @chrisbhoffman

• 2. října 2019, v 8:00 EDT

Webové stránky jsou jen dokumenty, webový prohlížeč zobrazí. Ale co když byste mohli psát přímo na jakékoli webové stránce, abyste ji upravili? Můžete a nepotřebujete rozšíření prohlížeče-je to funkce zabudovaná do každého moderního prohlížeče.

tato funkce využívá “ dokument.designMode “ funkce, kterou můžete povolit pomocí JavaScript konzole webového prohlížeče., To bylo nedávno zdůrazněno Tomek Sułkowski na Twitteru, ale je to tak cool, že musíme sdílet s našimi čtenáři.

tuto funkci můžete použít k vyčištění webové stránky před tiskem, vyzkoušet, jak budou vypadat změny na webové stránce, nebo dokonce jen žertovat lidi. Bude to stejně jako editace dokumentu aplikace Word – není třeba si pohrávat s HTML.

Chcete-li tuto funkci aktivovat, navštivte webovou stránku a poté otevřete konzolu pro vývojáře., Otevřete konzoli v Google Chrome, klepněte na tlačítko menu > Další Nástroje > Vývojářské Nástroje nebo stiskněte Ctrl+Shift+i.

Když budeme používat Chrome jako příklad, tato funkce funguje v jiných moderních prohlížečích, taky. Zde je návod, jak otevřít konzolu v jiných prohlížečích:

• V Mozilla Firefox, klepněte na tlačítko menu > Web Developer > Web Console nebo stiskněte kombinaci kláves Ctrl+Shift+K.,
• v Apple Safari klikněte na Safari >Předvolby> Upřesnit a povolit “ zobrazit nabídku rozvíjet v panelu nabídek.“Poté klikněte na rozvíjet > Zobrazit konzolu JavaScript.
• V Microsoft Edge, klikněte na nabídku > Další Nástroje > Vývojářské Nástroje nebo stiskněte klávesu F12 a potom klepněte na tlačítko „Console“ tab.

klikněte na kartu „konzola“ v horní části panelu nástrojů pro vývojáře., Do konzoly zadejte následující a stiskněte klávesu Enter:

document.designMode = 'on'

konzolu můžete nyní zavřít, pokud chcete, a upravit aktuální webovou stránku, jako by to byl upravitelný dokument. Klepnutím někam vložte kurzor a zadejte text. Pomocí kláves Backspace nebo Delete odeberte text, obrázky a další prvky.

to jen změní, jak se webová stránka objeví ve Vašem prohlížeči. Jakmile stránku obnovíte, uvidíte originál znovu., Pokud přejdete na jinou webovou stránku nebo kartu, nebude v režimu návrhu, dokud neotevřete konzolu a znovu zadejte tento řádek.

můžete dokonce jít zpět do konzole a spusťte následující příkaz turn design mode off:

document.designMode = 'off'

webové stránky, nebude možné upravovat, ale změny bude zachována až do příští aktualizovat stránku.