How to add your own Javascript to another website

Question

How can I add a javascript file to the bookmark bar so that when I click on that file that is set in the bookmark bar then the javascript gets executed on the current webpage. Like if I had written a javascript file to run on a webpage and I want to set it to the bookmark bar of chrome and when I click on it then the javascript gets executed on the current webpage

if this is the code so how can i add it

let added = document.getElementById('name');
let text = 'Example Singh';
added.value = text;

now I want to add this code to a website in the bookmark bar of google chrome

You can try something like tampermonkey for chrome. Its is available as a chrome extension. — MIdhun Krishna, Apr 12 '21 at 07:51
What you're describing is a "bookmarklet". Just wrap your code in `javascript:void(function(){ ... your code }())` — adiga, Apr 12 '21 at 07:53
ok but can i add my own extension to chrome and then i run it then will it work — SHIVANSHU SINGH, Apr 12 '21 at 07:53
@adiga I've never created a bookmarklet as more than a single line of code — phuzi, Apr 12 '21 at 08:04

phuzi · Answer 1 · 2021-04-12T08:05:45.470

1

You can use a Bookmarklet. It is a bookmark that runs a small piece of JavaScript.

So if you add a bookmark to your bookmarks and then set the URL to contain URL encoded JavaScript prefixed with javascript:, when you click the bookmark it will run the bookmark(let)'s JS.

Given your code above you should set a bookmarklet with the following "URL"

javascript:document.getElementById('name').value='Example Singh';

More information about bookmarklets can be found here

edited Apr 12 '21 at 08:05

answered Apr 12 '21 at 07:58

phuzi

12,078
3
26
50

`javascript:void(function(){ //code }())` for multiple lines of code – adiga Apr 12 '21 at 07:59
@adiga There's no need to wrap the code in an IIFE. The above Bookmarklet will work as is, – phuzi Apr 12 '21 at 08:00
can you please suggest a webpage where i can have an article to add it .Your talks are going over of my mind – SHIVANSHU SINGH Apr 12 '21 at 08:04
@SHIVANSHUSINGH see the link in my comment on your question. – phuzi Apr 12 '21 at 08:05
@phuzi where is the link – SHIVANSHU SINGH Apr 12 '21 at 08:07
@SHIVANSHUSINGH My apologies, I thought I had included a link. Added it to my answer instead. – phuzi Apr 12 '21 at 08:09
@phuzi I need for chrome then? – SHIVANSHU SINGH Apr 12 '21 at 08:19
https://support.google.com/chrome/answer/188842?co=GENIE.Platform%3DDesktop&hl=en – phuzi Apr 12 '21 at 08:36

score 0 · Answer 2 · answered Apr 12 '21 at 08:05

On Chrome without extensions:

create any bookmark
right click on it - Edit...
replace url field with javascript javascript:alert('hello');
pressing it executes javascript on currently opened page

To toggle bookmarks bar on a page, use ctrl + shift + B

How to add your own Javascript to another website

2 Answers2