How to Edit Any Website on Mobile Using a Simple Bookmarklet

Jan 06, 2025 3 min read

Edit Any Website on Mobile! Easy Browser Trick!
Edit Any Website on Mobile!

Did you know you can make any website editable directly from your mobile device? This cool trick lets you change text, prices, or headlines right in your browser without any coding skills! While these changes are temporary and visible only to you, it’s a fantastic way to play around with website design, create funny pranks, or quickly mock up ideas. Here’s how to do it using a bookmarklet.  


### What is a Bookmarklet?  

A bookmarklet is like a regular bookmark, but instead of a URL, it contains a small piece of JavaScript code that performs a task. In this case, it will make the entire webpage editable with just a tap.  


### How to Create a Bookmarklet on Mobile  

  1. Open your mobile browser (Chrome, Safari, or any other).  
  2. Create a new bookmark. In Chrome, tap the three-dot menu, then select "Add to Bookmarks."  
  3. Name your bookmark something memorable like "Edit This Page."  
  4. In the URL field, delete the current link and replace it with this code:  

  javascript:document.body.contentEditable='true';document.designMode='on';void 0;


5. Save the bookmark.  


### How to Use the Bookmarklet  

Now that your bookmarklet is ready, you can use it anytime:  

  1. Visit any website you want to edit.  
  2. Open your bookmarks and tap on "Edit This Page."  
  3. The entire page will become editable! Tap any text or content, delete it, or type in something new.  


For example, you could turn a news headline into something funny or make an expensive product look free. It’s a great tool for experimenting with web layouts and content.  


### Running JavaScript Directly from the Address Bar  

If you prefer not to create a bookmarklet, you can also run the code directly from the address bar. Type `javascript:` followed by the same code:  

```

javascript:document.body.contentEditable='true';document.designMode='on';void 0;

```  

Just make sure your browser doesn’t hide the `javascript:` part, as some mobile browsers do.  


### Important Notes  

This trick only changes what you see on your screen. It doesn’t modify the actual website, and all changes disappear when you refresh the page. Use it responsibly—don’t try to deceive anyone with fake information.  


### Conclusion  

Learning how to edit websites on your mobile device is a fun and educational way to explore how web pages are structured. Bookmarklets are a powerful tool that shows how JavaScript can add interactivity to your browsing experience. Try this trick, and share it with your friends! For more web tips, tricks, and coding tutorials, keep following my blog!