Easily Edit Websites in Browser (JavaScript Tricks)

By Unknown Saturday, April 27, 2013 0 comments

Edit Websites

Imagine a world where you are a God and that you have the most control over what happens and, more importantly, how it happens. Sounds like a dream too good. Now it has become a reality, at least in the online world.

With this trick, you will be able to edit any web page directly in the browser, as if it were a wiki and edit the data according to his will. Yes, you read that right. You can change Google or Facebook, for that matter in your browser and that too without requiring any technical knowledge or get deep hacking and cracking.
Here's an example that shows the image of the page Google care of me saying that I have Google.


Google
This is just one example. It can be used for anything like showing traffic stats or not mislead people by showing that someone said something about them on Facebook or Twitter. It just depends on your creativity. But I would advise you to use it for ethical and entertainment purposes.(Mozilla Firefox does not support this If you use Firefox, you can use the bookmarklet given at the end of this post If you are using Google Chrome and the code does not seem to work, preceded by .. "javascript:." Without the quotes)
To use this trick, all you have to do is copy and paste the following code in the address bar after opening the website you wish to edit. And start editing.
javascript:% 20 =% document.body.contentEditable 20'true ';% 20document.designMode = "on"; 20void% 200%
Or
javascript:% 20 =% document.body.contentEditable 20'true ';% 20document.designMode = "on"; 20void% 200
 
You can capture a screenshot by pressing the Print Screen key or using the snipping tool if you are using Windows 7 or Windows Vista. If you want to redo the website can not be modified to give a more authentic, copy and paste the following code in the address bar once you have finished editing (not work in Firefox).
javascript:% 20 =% document.body.contentEditable 20'false ';% 20document.designMode = "off"; 20void% 200%
Or

javascript:% 20 =% document.body.contentEditable 20'false ';% 20document.designMode = "off"; 20void% 200% 
Or, alternatively you can use the following bookmarklet to your bookmarks bar dragging.

    
1. Edit this place

   
2. Editing Done
The changes you make will be temporary, however, since it is the server side. You can also save the modified page through your browser, select File> Save. This works in all popular browsers like Chrome, Firefox, Opera and Internet Explorer.
Sharing is sexy

Related posts

0 comments for this post

Leave a reply