Ako upraviť ľubovoľnú webovú stránku v prehliadači Chrome (alebo ľubovoľnom prehliadači)

Webové stránky sú iba dokumenty, ktoré zobrazuje váš webový prehliadač. Čo však v prípade, že môžete zadať text priamo na ľubovoľnej webovej stránke a upraviť ju? Môžete a nepotrebujete rozšírenie prehliadača - je to funkcia zabudovaná do každého moderného prehliadača.

Táto funkcia využíva výhodu funkcie „document.designMode“, ktorú môžete povoliť prostredníctvom konzoly JavaScript vo svojom webovom prehliadači. Nedávno to zdôraznil Tomek Sułkowski na Twitteri, ale je to také super, že sa o to musíme podeliť s našimi čitateľmi.

Túto funkciu môžete použiť na vyčistenie webovej stránky pred jej vytlačením, na vyskúšanie, ako budú vyzerať zmeny webovej stránky, alebo dokonca iba na žartovanie ľudí. Bude to ako úpravy dokumentu Word - nie je potrebné nič si robiť s HTML.

Ak chcete aktivovať túto funkciu, navštívte webovú stránku a potom otvorte vývojársku konzolu. Ak chcete konzolu otvoriť v prehliadači Google Chrome, kliknite na ponuku> Ďalšie nástroje> Nástroje pre vývojárov alebo stlačte kombináciu klávesov Ctrl + Shift + i.

Aj keď tu ako príklad používame prehliadač Chrome, táto funkcia funguje aj v iných moderných prehliadačoch. Tu je postup, ako otvoriť konzolu v iných prehliadačoch:

  • V prehliadači Mozilla Firefox kliknite na ponuku> Webový vývojár> Webová konzola alebo stlačte Ctrl + Shift + K.
  • V Apple Safari kliknite na Safari> Predvoľby> Pokročilé a povoľte „Zobraziť ponuku Vývoj na paneli s ponukami“. Potom kliknite na položky Vytvoriť> Zobraziť konzolu JavaScript.
  • V Microsoft Edge kliknite na ponuku> Ďalšie nástroje> Nástroje pre vývojárov alebo stlačte kláves F12 a potom kliknite na kartu „Konzola“.

Kliknite na kartu „Konzola“ v hornej časti panela Nástroje pre vývojárov. Do konzoly zadajte nasledovné a stlačte kláves Enter:

document.designMode = 'na'

Teraz môžete konzolu zavrieť, ak chcete, a upraviť aktuálnu webovú stránku, akoby išlo o upraviteľný dokument. Kliknutím niekam vložte kurzor a zadajte text. Pomocou klávesov Backspace alebo Delete môžete odstrániť text, obrázky a ďalšie prvky.

Týmto sa iba zmení vzhľad webovej stránky vo vašom prehliadači. Hneď ako obnovíte stránku, znova sa zobrazí originál. Ak prejdete na inú webovú stránku alebo kartu, nebude v návrhovom režime, kým neotvoríte konzolu a znova nezadáte tento riadok.

Môžete sa dokonca vrátiť späť do konzoly a spustením nasledujúceho príkazu vypnúť režim návrhu:

document.designMode = 'vypnuté'

Webovú stránku už nebude možné upravovať, ale zmeny sa zachovajú, kým stránku znova neobnovíte.