Bármely weboldal szerkesztése a Chrome-ban (vagy bármely böngészőben)

A weboldalak csak a böngésző által megjelenített dokumentumok. De mi van, ha közvetlenül beírhat bármely weboldalra annak módosításához? Megteheti, és nincs szüksége böngészőbővítményre - ez a funkció minden modern böngészőbe beépül.

Ez a szolgáltatás kihasználja a „document.designMode” szolgáltatás előnyeit, amelyet a böngésző JavaScript konzolján engedélyezhet. Nemrégiben Tomek Sułkowski emelte ki a Twitteren, de annyira klassz, hogy meg kell osztanunk olvasóinkkal.

Használhatja ezt a funkciót egy weboldal tisztítására a nyomtatás előtt, kipróbálhatja, hogyan fog kinézni egy weboldal, vagy akár csak tréfálkozik. Pontosan olyan lesz, mint egy Word-dokumentum szerkesztése - nincs szükség HTML-vel való elrontásra.

A funkció 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ü> További eszközök> Fejlesztői eszközök parancsra, vagy nyomja meg a Ctrl + Shift + i billentyűkombinációt.

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

  • A Mozilla Firefox böngészőben kattintson a menü> Webfejlesztő> Webkonzol elemre, vagy nyomja meg a Ctrl + Shift + K billentyűkombinációt.
  • Az Apple Safari alkalmazásban kattintson a Safari> Beállítások> Speciális lehetőségre, és engedélyezze a „Menü megjelenítése a menüsorban” lehetőséget. Ezután kattintson a Fejlesztés> JavaScript konzol megjelenítése elemre.
  • A Microsoft Edge programban kattintson a menü> További eszközök> Fejlesztői eszközök parancsra, vagy nyomja meg az F12 billentyűt, majd kattintson a „Konzol” fülre.

Kattintson a „Console” fülre a Fejlesztői eszközök panel tetején. Írja be a következőket a konzolba, és nyomja meg az Enter billentyűt:

document.designMode = 'be'

Ha akarja, most bezárhatja a konzolt, és úgy szerkesztheti az aktuális weboldalt, mintha szerkeszthető dokumentum lenne. Kattintson valahová a kurzor beszúrásához és a szöveg beírásához. Használja a Backspace vagy a Delete billentyűt a szöveg, képek és egyéb elemek eltávolításához.

Ez csak azt változtatja meg, hogy a weboldal hogyan jelenik meg a böngészőben. Amint frissíti az oldalt, újra megjelenik az eredeti. Ha egy másik weboldalra vagy fülre lép, az csak akkor lesz tervezési módban, ha megnyitja a konzolt és még egyszer beírja ezt a sort.

Akár visszaléphet a konzolba, és a következő paranccsal futtathatja a tervezési módot:

document.designMode = 'ki'

A weblap már nem szerkeszthető, de a módosítások megmaradnak az oldal következő frissítéséig.