On our How-to today, we’ll learn how to edit any webpage from the web without saving it as a PDF first.
How to Edit Any Web-page From the Browser
In this post, we will be showing you examples with Opera browser (latest), meanwhile highlighted below is how to enter developer mode in several browsers.
- In Mozilla Firefox, Open the webpage > Right-click, select Inspect element Or press Ctrl+Shift+I.
-
In Mozilla Firefox, click menu > Web Developer > Web Console or press Ctrl+Shift+K.Click Safari > Preferences > Advanced in Apple Safari and enable the “Show Develop menu in the menu bar.” Then, click Develop > Show JavaScript Console.In Microsoft Edge, click menu > More Tools > Developer Tools, press F12, and then click the “Console” tab.
- In Chrome, Click the (three vertical dots) in the top-right corner > click more tools > select developer tools.
- Click the “Console” tab at the top of the Developer Tools panel. Type the following into the console and press Input:
If you like, you can now close the console and edit the current web page as if it were an editable document. Click somewhere to insert your cursor and type text. Use the Backspace or Delete keys to remove text, images, and other elements.
How to Deactivate Feature
You can even go back into the console and run the following command to turn design mode off:
This feature just changes how the web page appears in your browser. As soon as you refresh the page, you’ll be shown on the original page (Uneditable). Going to another web page or tab will not put you in design mode until you open the console and type the above line again.
Watch the video below for Further Explanation on the above topic.
That’s all, guys.
If you encounter any issues while setting this up, simply comment below, and we’ll get back to you as soon as possible.
Please leave a comment below and share this post with your friends.
As an Amazon Service LLC Program Associate, Lukastech Blog earns from qualifying purchases. See Our Affiliate disclaimer.
