designMode: читерский способ редактировать страницы прямо в браузере

С помощью этой функции можно быстро изменить содержимое страницы, прикинуть, как интерфейс смотрится с вашими изменениями, ну или на крайняк скинуть клиенту, который уже неделю хочет на это взлянуть.

Как это сделать:
1️⃣ Нажмите F12, чтобы открыть DevTools.
2️⃣ Перейдите в Console.
3️⃣ Введите: document.designMode="on".

Теперь можете закрыть DevTools и свободно редактировать страницу: менять или двигать картинки, текст и издеваться над прочими элементами. Поддерживается во всех современных браузерах! 

#design #лайфхаки