Discuss Scratch
- Discussion Forums
- » Things I'm Making and Creating
- » Edit Webpages - Bookmarklet
- BSH1
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
Using some scripts I found online I created a fun JavaScript bookmarklet that allows you to edit everything on any webpage - without the need of inspect element 
The changes are only temporary, so when you reload the page they are no longer there.
Whenever you click on the bookmark page you can click anywhere on the webpage you are on and type onto it. You can also paste in and delete images!

How to create (Needs to be in google chrome)
Create a new: bookmark page
Set the link it goes to as:Set the name as: Edit Page
How to run without creating the bookmarklet
In the bar at the top of google chrome type: javascript:
Then paste in:
You can not paste in “javascript:” for some reason

The changes are only temporary, so when you reload the page they are no longer there.
Whenever you click on the bookmark page you can click anywhere on the webpage you are on and type onto it. You can also paste in and delete images!

How to create (Needs to be in google chrome)
Create a new: bookmark page
Set the link it goes to as:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
How to run without creating the bookmarklet
In the bar at the top of google chrome type: javascript:
Then paste in:
document.body.contentEditable='true'; document.designMode='on'; void 0
You can not paste in “javascript:” for some reason
Last edited by BSH1 (July 3, 2015 17:43:42)
- PinoPicasso
-
Scratcher
11 posts
Edit Webpages - Bookmarklet
Where do you put the link?
Last edited by PinoPicasso (July 2, 2015 17:44:06)
- LattleKada
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
YAY! It worked for me! I changed the ‘show new posts since last visit’ to ‘EVERYBODY IS A POTATO!!!’
- BSH1
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
Where do you put the link?Either in the bar where the URL of your site is in google chrome, or as the URL for a bookmark in google chrome

- BSH1
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
YAY! It worked for me! I changed the ‘show new posts since last visit’ to ‘EVERYBODY IS A POTATO!!!’Yay

- __init__
-
Scratcher
1000+ posts
Edit Webpages - Bookmarklet
Cool, I didn't know JS had a function for that, lol
I wish it had a flashing cursor though… edit: oh wait it does
and chrome isn't the only browser that can do it -_- in fact, take that promotion of the worst browser in history off your OP RIGHT NOW!!!
I bet firefox works better than chrome
I wish it had a flashing cursor though… edit: oh wait it does
and chrome isn't the only browser that can do it -_- in fact, take that promotion of the worst browser in history off your OP RIGHT NOW!!!
I bet firefox works better than chrome
Last edited by __init__ (July 2, 2015 22:03:33)
- nathanprocks
-
Scratcher
1000+ posts
Edit Webpages - Bookmarklet
I've known about this for a long time now. You can use this to turn off edit mode:
document.body.contentEditable='false'; document.designMode='off'; void 0
- BSH1
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
Cool, I didn't know JS had a function for that, lolHmm, it doesn't work for me in other browsers though
I wish it had a flashing cursor though… edit: oh wait it does
and chrome isn't the only browser that can do it -_- in fact, take that promotion of the worst browser in history off your OP RIGHT NOW!!!
I bet firefox works better than chrome

I've known about this for a long time now. You can use this to turn off edit mode:Yeahdocument.body.contentEditable='false'; document.designMode='off'; void 0
Although I just reload the page 
- AwesomeIndustries
-
Scratcher
9 posts
Edit Webpages - Bookmarklet
I made a really cool bookmarklet project. It's at https://scratch.mit.edu/projects/70633078/.
- MyScratchedAccount
-
Scratcher
1000+ posts
Edit Webpages - Bookmarklet
Using some scripts I found online I created a fun JavaScript bookmarklet that allows you to edit everything on any webpage - without the need of inspect elementI have on my iPad I used shortcuts.
The changes are only temporary, so when you reload the page they are no longer there.
Whenever you click on the bookmark page you can click anywhere on the webpage you are on and type onto it. You can also paste in and delete images!
How to create (Needs to be in google chrome)
Create a new: bookmark page
Set the link it goes to as:Set the name as: Edit Pagejavascript:document.body.contentEditable='true'; document.designMode='on'; void 0
How to run without creating the bookmarklet
In the bar at the top of google chrome type: javascript:
Then paste in:document.body.contentEditable='true'; document.designMode='on'; void 0
You can not paste in “javascript:” for some reason

Last edited by MyScratchedAccount (Feb. 15, 2023 06:01:15)
- softlysinging
-
Scratcher
100+ posts
Edit Webpages - Bookmarklet
How to you stop editing?
You just don't ever stop editing writing I guess.

- Discussion Forums
- » Things I'm Making and Creating
-
» Edit Webpages - Bookmarklet










