Web pages are read-only but did you know that it is possible to edit the content of a web page directly in your web browser. This step-by-step tutorial explains how you can easily edit the content of any web page usingDeveloper Tools. I’ve used Chrome but Developer tools are available in all browsers including Firefox and Safari.
How to Edit Web Pages
- Open any web page inside Chrome and select the text on the web page that you wish to edit.
- Right-click the selected text and choose Inspect Element in the contextual menu.
- The developer tools will open in the lower half of your browser and the corresponding DOM element will be selected.
- Double-click the selected node and it will switch to edit mode. Now replace the selected text with any other phrase and click outside the Chrome Dev Tools window to apply the changes.