What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

Edit any website using javascript

Wrong

Member
Joined
Mar 29, 2013
Messages
68
Reaction score
2
HTML Coins
0
Here's an simple javascript snippet you can use to edit any website: insert any text anywhere you want, move images around or just f*ck the layout up.

Note that these changes do not actually get saved, so if you refresh the page, things get back to normal.

Copy the following and paste it on your URL bar (replacing the URL there), then hit the Enter key, and have fun.

Code:
javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0
 
Firefox and Chrome support webpage editing, just press (ctrl + shift + i)
 
Here's an simple javascript snippet you can use to edit any website: insert any text anywhere you want, move images around or just f*ck the layout up.

Note that these changes do not actually get saved, so if you refresh the page, things get back to normal.

Copy the following and paste it on your URL bar (replacing the URL there), then hit the Enter key, and have fun.

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

Thanks! I just fooled some friends with this... They thought I was hacking facebook while defacing the site right in front of their eyes! :)
 
Firefox and Chrome support webpage editing, just press (ctrl + shift + i)

Yup, you can screw things up with the console too, but it's not as interactive as this. You can edit the whole page as if it was a Word document, without needing any coding knowledge (which you do in order to edit the code through the console).
 
I have encountered quite a number of steps directing those who care to follow them on how to edit website on several pages on the internet but none ever worked on my browser.
I would like to sound that I don't like this idea or I don't have use for it. Of course not! I like to have something all-time not working this day, then down the next.
I challenge anyone on this forum to post as a reply, steps or URL that help me effectively edit a web page
 
Make sure your bookmarks bar is visible
Select the text below javascript document.body.contentEditable true; void 0;
Drag the selected text into your bookmarks bar
Click that bookmark button and start editing the text on any page.
 
I just tried this and it just gave me Google search results for the string lol. What am I doing wrong?
 

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back