Discuss Scratch
- Discussion Forums
- » Things I'm Making and Creating
- » Edit Webpages - Bookmarklet
- BSH1
-
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
-
11 posts
Edit Webpages - Bookmarklet
Where do you put the link?
Last edited by PinoPicasso (July 2, 2015 17:44:06)
- LattleKada
-
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
-
100+ posts
Edit Webpages - Bookmarklet
Either in the bar where the URL of your site is in google chrome, or as the URL for a bookmark in google chrome Where do you put the link?

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

- __init__
-
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
-
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
-
100+ posts
Edit Webpages - Bookmarklet
Hmm, it doesn't work for me in other browsers though 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

Yeah 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


- AwesomeIndustries
-
9 posts
Edit Webpages - Bookmarklet
I made a really cool bookmarklet project. It's at https://scratch.mit.edu/projects/70633078/.
- MyScratchedAccount
-
1000+ posts
Edit Webpages - Bookmarklet
I have on my iPad I used shortcuts. 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 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
-
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