How easy is it to edit any webpage on any website in your browser and
create fake screenshots? Very simple and easy. Paste a simple code into
the location bar and you can actually edit any page on any site in realtime. Though this sounds like fun, it can have serious implications.
Here is an example picture demonstrating the Google Homepage edited by me to say that I own Google....
Simply copy and paste it into the location bar of your web browser when you are on any page and you can now edit it.
The best way – You don’t actually need to remember that code – To make this process faster, use the Edit Page bookmarklet (drag the link to your browser bookmarks toolbar, and click when needed). Try it on this page now by simply placing the cursor on any text, deleting it or editing it. These edits are not permanent and limited to your browser window only. Refresh the page and its gone. There are more lists of many such bookmarklets to modify webpages.
I checked that this code works on Internet Explorer, Firefox, Opera, and Safari. Although it is easy to edit any page by altering its html code, this real time editing is amazing. Opera web browser also has a built in special feature to do this View > Source, edit in Source Editor and ‘Apply Changes’.
Firefox users can also try the Firebug firefox extension, a powerful tool that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page, and is popular among webmasters and web designers. Greasemonkey is another popular firefox extension that modifies the web and allows you to customize the way a webpage displays and functions using small bits of JavaScript.
You now know how easy it is to modify web content and even a kid could do it. Beware of what you see online… it could not be true!
Hope you enjoyed the post...
Here is an example picture demonstrating the Google Homepage edited by me to say that I own Google....
Edit Web Pages to Create Fake Screenshots:
Here is the magic code spreading across the web which can edit any webpagejavascript:document.body.contentEditable='true'; document.designMode='on'; void 0Simply copy and paste it into the location bar of your web browser when you are on any page and you can now edit it.
The best way – You don’t actually need to remember that code – To make this process faster, use the Edit Page bookmarklet (drag the link to your browser bookmarks toolbar, and click when needed). Try it on this page now by simply placing the cursor on any text, deleting it or editing it. These edits are not permanent and limited to your browser window only. Refresh the page and its gone. There are more lists of many such bookmarklets to modify webpages.
I checked that this code works on Internet Explorer, Firefox, Opera, and Safari. Although it is easy to edit any page by altering its html code, this real time editing is amazing. Opera web browser also has a built in special feature to do this View > Source, edit in Source Editor and ‘Apply Changes’.
Firefox users can also try the Firebug firefox extension, a powerful tool that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page, and is popular among webmasters and web designers. Greasemonkey is another popular firefox extension that modifies the web and allows you to customize the way a webpage displays and functions using small bits of JavaScript.
You now know how easy it is to modify web content and even a kid could do it. Beware of what you see online… it could not be true!
Hope you enjoyed the post...
Wow nice information..
ReplyDelete