1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Javascript website editing trick .

Discussion in 'Game programming' started by kumkum01, Nov 3, 2011.

  1. kumkum01

    kumkum01 New Member

    Joined:
    Apr 13, 2011
    Messages:
    10
    Likes Received:
    0
    Trophy Points:
    0
    Hi..........
    You can try this to mess up with your friends*
    . So to do the trick just copy the script below and paste onto the address bar while you are on the website you want to edit!
    javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
    After that you can simply click & drag what you want to modify !*


    :embarasse:embarasse
     
  2. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,287
    Likes Received:
    364
    Trophy Points:
    83
    This will actually not messup anything but you will be able to edit the page in your browser only.
     
  3. mfred90

    mfred90 Banned

    Joined:
    Mar 28, 2012
    Messages:
    11
    Likes Received:
    0
    Trophy Points:
    0
    hey I have try this code but its not working in Mozilla Firefox. is there any problem with my browser or something different.
     
  4. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,287
    Likes Received:
    364
    Trophy Points:
    83
    You missed the code.
     
  5. mialuzzatto

    mialuzzatto New Member

    Joined:
    Aug 5, 2015
    Messages:
    122
    Likes Received:
    4
    Trophy Points:
    0
    Occupation:
    Work at https://www.idevelopersquare.com
    Location:
    Waltham, MA, USA
    Home Page:
    Hello,

    This is just an example. You can use it for anything like showing wrong traffic stats or for fooling people by showing that someone said something about them on Facebook or Twitter. It depends only on your creativity. But I would advise you to stay ethical and use it for entertainment purposes only.

    To use this trick, all you need to do is just copy the code given below and paste it in your address bar after you have opened the website you wish to edit. And start editing.

    javascript:document.body.contentEditable%20=%20'true';%20document.designMode='on';%20void%200

    You can capture a screenshot by pressing the Print Screen key or by using the Snipping Tool if you use Windows 7 or Windows Vista. If you wish to again make the website non-editable to give a more authentic look, copy and paste the code given below in the address bar after you are done editing (does not work in Firefox).

    javascript:document.body.contentEditable%20=%20'false';%20document.designMode='off';%20void%200

    Or, alternatively you can use the following bookmarklets by dragging them to your Bookmarks bar.

    1. Edit this Website
    2. Done Editing

    The editing that you do will however be temporary as it is not server-sided. You can also save the modified website through your browser by File>Save. This works on all common web browsers including Chrome, Firefox, Opera and Internet Explorer.
     

Share This Page