in Fun, Tips and Tricks

Javascript trick to edit the page displayed

Do you want to quickly edit the text of any webpage that you are browsing? Maybe you wanted to see how the site looks if you change some words. Here is a neat Javascript trick that you can use to edit the text part of the web page.

Do note that you can’t save the changed text onto the server or is this any means to hack a web server. If you refresh the page, all the changes you made will disappear. You can however save the resulting HTML if you goto File -> Save as.

Step 1: Drag thisย Edit/View bookmarklet into your bookmarks toolbar.

Step 2: Goto the web page which you want to edit and click on the bookmarklet – you will be put into the edit mode. Click the bookmarklet again and you will be put into the normal view mode.

Step 3: ?????

Step 4: Profit.

For those of you who like to know what it does beneath the scenes, it just sets two properties of the document to make it editable.

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

33 Comments

  1. Really cool ๐Ÿ˜€

    I used it to trick my brother into thinking his website was hacked.

  2. Really cool trick dude..
    i used this trick to edit the existing page to make prototype of my portal..

  3. How do you change the pictures on the website though?

  4. @qwerty
    You can save the resulting page as html file on to your disk. Unfortunately you cannot save the changes onto the server (if that is what you asked). That is the point of javascript.

  5. Lol, i used this on my school grades site to trick my mom so i wouldent get grounded

  6. lol i wish u could save these it would be so hilarious. i have a million things i would do with this if u could XD

  7. i went into CMD at my friends house and typed stuff really fast like:
    Net
    >
    Net user
    >
    Net Help
    >
    Help
    and then went into IE and got onto his myspace and started changing stuff xD it was fny

  8. lol i used it on my school’s website and showed everyone i knew to make it look like we didnt have school for three weeks it was AWESOME……but then i got suspended….

  9. Nice! Fun to use. I love tricking people at computer class into thinking I hacked the schools website!

  10. U cant edit pages with pics. Changingtext and deleting everything is all u can do

  11. very lol. i kno this dickhead who used this to trick me into thinking he was getting messages from this really hot chick saying they were together.. .lol pretty sad eh?

  12. To edit pics, go to the webpage with the required pic. Paste the script in browser. Copy the pic. Paste in the page you were origially editing. Simple ๐Ÿ™‚

  13. But this is not working. I tried it in chome/safari >> no response.
    In IE >> error on page.

  14. i edited my google.co.uk so instead of UK next to it it said we have cookies and i tricked my whole class into thinking google had a virus

  15. Hi,
    Its awesome what you can do, but i am facing a problem… how to paste the image on the page you want to edit.

    Can anyone reply please asap.

    I need it urgently

    Thanks

  16. About the pictures, they can be inserted but pictures already on the page cannot be removed.

  17. @ syrish
    To paste an image on a page you want to edit just find the image you want to paste then right-click and do “Copy” then go to the page you want to add the picture too and do “Paste”.

    hope that help, if you have anymore question you can email me at: Andrew.Harris@mail.com

  18. okay i know this isnt kool but how can you make the edited content saved onto the page itself . i know it might be a stupid question . but if it can be done i would like to know how.

    please.help.me.edit.page.content.without.being.on.server.

    can i edit the page , and have the edited content saved onto the domain. thank you.

  19. In order to “save” it, you type this in javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

    but really, all that happens is it changes YOUR INDIVIDAUL site, it doesn’t do anything for anyone else. Just you. But, if you have fire fox, it is possilbe to save it to your favorites, I think, so that would be a help, also, you still will be able to re-edit the site once you re insert the first code javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

    the only diffrence is this: Javascript:document.body.contentEditable=’ true, {change this to false} ;document.designMode= ‘on’ {change this to off}; void 0{change this to the number ‘1’}. And there you have it:), enjoy!!!

  20. haha i tricked my teacher into thinking i had hacked our school website =p REALY COOL TRICK

Comments are closed.

Webmentions

  • we can no spamz? - Page 3 - World Dominance December 6, 2010

    […] Javascript trick to edit the page displayed at FSLog <<< Link Gtfo. </3 __________________ To view links or images in signatures your post count must be 0 or greater. You currently have 0 signatures. JUSTIN BIEBER!!! <333 FO EVA!!!!! <333333333 Heart. I love him. <333 […]

  • Facebook Mahabharatha « Doing Jalsa and Showing Jilpa December 6, 2010

    […] Type this in the browser address bar and hit enter.It will make the entire page editable. The possibilities then are endless, aren’t they? I found this here […]