dark

How to Edit Any Web Page From the Browser {Chrome, Opera Or Any Browser}

How to Edit Any Web page From my Browser

On our How-to’s today, we’ll learn how to edit any webpage from the web without having to save them as a PDF first.

Have you ever read an article on the net and you want to print it out for personal use but you would like to make some changes to the texts written on the website before saving it to your drive/folder? Yes, I guess…
Most of us have encountered such issues, especially when making research and working on a few projects. The advantage of this feature is that you can type directly into the webpage thereby modifying its contents.
Yes, you can and most of all you don’t need any browser extension to carry it out. it is inbuilt in every modern browser.
 This feature comes as a result of the  “document.designMode” feature, which can be enabled through your web browser’s JavaScript console.
As I said earlier, You could use this feature to clean up a web page before printing it, test how changes to a web page will look, or even just prank people. It’ll be just like editing a Word document.

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 webpage > Right-click and select Inspect element Or press Ctrl+Shift+I.
In Mozilla Firefox, click menu > Web Developer > Web Console or press Ctrl+Shift+K.
In Apple Safari, click Safari > Preferences > Advanced and enable “Show Develop menu in the menu bar.” Then, click Develop > Show JavaScript Console.
In Microsoft Edge, click menu > More Tools > Developer Tools or 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:

Recommended:  How to Find your Lost or Stolen Digital Camera Online
 document.designMode = ‘on’

 

How%2Bto%2BEdit%2BAny%2BWebpage%2BFrom%2Byour%2BBrowser

You can now close the console, if you like, and edit the current web page as if it was 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%2Bto%2BEdit%2BAny%2BWebpage%2BFrom%2Bmy%2BBrowser

How to Deactivate Feature

You can even go back into the console and run the following command to turn design mode off:

 

 document.designMode = ‘off’

 

How%2Bto%2BEdit%2BAny%2BWebpage%2BFrom%2Bthe%2BBrowser

This features 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). If you go to another web page or tab, it won’t be in design mode until you open the console and type the above line once more.

Watch Below Video For Further Explanation on the above topic.

That’s all guys.

In case you encountered any issues while setting this up simply drop a comment below and we’ll surely get back to you in due time.

Recommended:  How to Poke a Friend on Facebook {New Method}

Please leave a comment below and share this post with your friends.

This Article was Originally Posted on Lukastech Blog – We Expound Technology. If you enjoyed the post be sure to visit our site and follow us on Twitter, Facebook.

© Lukastech Inc.

Total
6
Shares
Leave a Reply

Your email address will not be published.

Previous Post
Send free sms mtnng

How to Send Free SMS on MTN via MTN Online App

Next Post
9mobile glo airtel mtn

How to Transfer Airtime From Any Network in Nigeria to Another Network