Переключив страницу в специальный режим - design mode, Вы можете редактировать контент страницы непосредственно в браузере, что, несмоненно, очень полезно при тестировании проектов.

Как это сделать?

Откройте консоль “Инструментов разработчика” (DevTools) и введите:

document.designMode = 'on'

Такой же результат может быть достигнут при включении параметра contentEditable элемента body:

document.body.contentEditable = true

Теперь Вы сможете редактировать и удалять текст, а так же перетаскивать картинки.

Чтобы выйти из этого режима нужно ввести команду:

document.designMode = 'off'

Данная функция поддерживается многими браузерами, включая Internet Explorer. Design mode существует довольно давно, но многие про него не знают.

Спасибо за внимание.