How to Edit Any Web Page in Your Browser

Not only can we read any web pages, but we can also edit web pages in our browser using Developer Tools.

Here are the steps on how to edit any web page in your browser.

1. Open any web page in any browser like Chrome, Firefox, etc. and select the text on the web page you want to edit.
2. Right-click on the selected text and select Inspect Element from the context menu.
3. The developer tools will open and the corresponding DOM element will be selected.
4. Double-click on the selected node and it will switch to edit mode. Now change the text inside Dev Tools and click outside the Dev Tools window to apply the changes.

How to edit web page online. #

Go to your browser, open Developer Tools, and then choose JavaScript console. Inside the console, type the following JavaScript code and press Enter.

document.body.contentEditable = true;

Now click anywhere on the web page to edit the text directly.