How To Make Webpage Text Editable With Inspect On Chrome?

Open the webpage in Chrome

Right-click the text you want to edit

Click Inspect

In DevTools, select the element containing the text

Double-click the text node or the HTML content

Type the new text

Press Enter to apply the change

To make it editable on the page, open the Console tab

Type `document.body.contentEditable = true`

Press Enter

Click back on the page and edit the text directly

To disable editing, run `document.body.contentEditable = false`

Suggested for You

Trending Today