google-chromeconsole

Live Content Editing on Screen Chrome DevTools


I read a blog around 4 or 5 months ago about tips and tricks of Chrome DevTools. I am not sure what exact keyword I used, but I landed on a blog and it was awesome.

In it, one of the most liked tips was live content editing on screen directly without editing content on the Elements tab of Chrome.

According to that blog, we first need to activate that feature via typing keyword.mode = on.

Can anyone share the exact keyword to activate the live content edit on screen directly?


Solution

  • From DevTools, simply open the console and run document.body.contentEditable = true.