The following is a nice trick that I learned on a webmaster forum. I thought it would be nice to describe it to you as well because you can have some fun with it.
It allows you to manipulate all elements of a website directly in the browser that you are using. You could for instance create number one positions on Google, add your own products to Amazon or write a cover story on CNN.
The changes are only temporary but you can make a screenshot and send it to your friends to have some fun when they are trying to figure out what the heck is going on.
This is also a reminder that anything that is shown on screenshots can be easily faked. This is especially true for website revenue screenshots for instance which you often get as proof when you are about to buy a website, or visit "earn money" blogs and sites around the websites.
All you need to do is load a website and load the following code in the address bar:
Make sure you paste everything in one line and hit enter afterwards. Once that is done you can easily edit elements on the website. I created a short video that shows how I edited the Microsoft homepage.
Firefox users needs to press Ctrl-Shift-K to bring up the console. They can then paste the code into the console to execute it. If it does not work, check for reported errors which should appear right after you hit the enter key.
Internet Explorer users can tap on F12 to bring up the Developer Tools and switch to Console, or use Ctrl-2 to go there.
Note: You may receive an "undefined" status message when you execute the code in the browser. This does not mean that it is not working, and you should be able to edit the web page right away afterwards regardless of the code.Advertisement
Ghacks is a technology news blog that was founded in 2005 by Martin Brinkmann. It has since then become one of the most popular tech news sites on the Internet with five authors and regular contributions from freelance writers.