google-chrome-devtools Editable Content


Introduction

You can use document.body.contentEditable = true or document.designMode = 'on' to edit content in browser.

Making content editable

Open console:

  • Ctrl+Shift+J (Windows/Linux)
  • Cmd+Opt+J (Mac)

Insert document.body.contentEditable = true or document.designMode = 'on' and press ENTER