Prototypowanie z document.designMode

Tryb projektowania jest tą funkcjonalnością w przeglądarce, która pozwala nam bezpośrednio edytować dokument (czyli zawartość tekstową strony internetowej). Domyślnie ta właściwość jest oczywiście wyłączona, ale aby uruchomić ten feature, wystarczy otworzyć DevToolsy a następnie wpisać w konsoli:

document.designMode="on"

Oczywiście możemy osiągnąć to samo edytując HTML bezpośrednio w DevToolsach, ale trzeba przyznać, że jest to o wiele wygodniejsze rozwiązanie 😉.

Przykładowe użycie 👉 https://twitter.com/sulco/status/1177559150563344384