Jak edytować dowolną stronę internetową w Chrome (lub dowolnej przeglądarce)

• Chris Hoffman

  @chrisbhoffman

• 2 października 2019, 8:00 AM EDT

strony internetowe to tylko dokumenty, które wyświetla twoja przeglądarka internetowa. Ale co jeśli możesz wpisać bezpośrednio na dowolnej stronie internetowej, aby ją zmodyfikować? Możesz i nie potrzebujesz rozszerzenia przeglądarki—to funkcja wbudowana w każdą nowoczesną przeglądarkę.

Ta funkcja korzysta z „dokumentu.designMode ” funkcja, którą możesz włączyć za pomocą konsoli JavaScript w swojej przeglądarce internetowej., Niedawno na Twitterze zwrócił na to uwagę Tomek Sułkowski, ale jest tak fajnie, że musimy się nią podzielić z naszymi czytelnikami.

możesz użyć tej funkcji, aby wyczyścić stronę internetową przed jej wydrukowaniem, sprawdzić, jak będą wyglądać zmiany na stronie internetowej, a nawet po prostu zrobić ludziom żarty. To będzie tak, jak edytowanie dokumentu Word—bez bałaganu z HTML wymagane.

aby aktywować tę funkcję, odwiedź stronę internetową, a następnie otwórz konsolę dewelopera., Aby otworzyć konsolę w Google Chrome, kliknij menu > Więcej narzędzi > narzędzia programistyczne lub naciśnij Ctrl+Shift+i.

podczas gdy używamy Chrome jako przykład tutaj, Ta funkcja działa również w innych nowoczesnych przeglądarkach. Oto jak otworzyć konsolę w innych przeglądarkach:

• w Mozilli Firefox kliknij menu > Web Developer> Web Console lub naciśnij Ctrl + Shift + K.,
• w Apple Safari kliknij Safari >Preferencje> zaawansowane i włącz ” Pokaż rozwijane menu na pasku menu.”Następnie kliknij rozwijaj > Pokaż konsolę JavaScript.
• w programie Microsoft Edge kliknij menu > Więcej narzędzi > narzędzia programistyczne lub naciśnij F12, a następnie kliknij kartę „konsola”.

kliknij kartę „konsola” u góry panelu Narzędzia programistyczne., Wpisz w konsoli następujące elementy i naciśnij Enter:

document.designMode = 'on'

Możesz teraz zamknąć konsolę, jeśli chcesz, i edytować bieżącą stronę internetową tak, jakby była edytowalnym dokumentem. Kliknij gdzieś, aby wstawić kursor i wpisać tekst. Użyj klawiszy Backspace lub Delete, aby usunąć tekst, obrazy i inne elementy.

to tylko zmienia sposób wyświetlania strony w przeglądarce. Jak tylko odświeżysz stronę, zobaczysz oryginał po raz kolejny., Jeśli przejdziesz do innej strony internetowej lub karty, nie będzie ona w trybie projektowania, dopóki nie otworzysz konsoli i ponownie wpiszesz tej linii.

Możesz nawet wrócić do konsoli i uruchomić następujące polecenie, aby wyłączyć tryb projektowania:

document.designMode = 'off'

strona nie będzie już edytowalna, ale twoje zmiany zostaną zachowane do czasu następnego odświeżenia strony.