Skip to content

hariprasd/cool-bookmarklets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

40 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Bookmarklets


What is a Bookmarklet?
A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. They are stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Bookmarklets are usually small snippets of JavaScript executed when user clicks on them - Wikipedia
Procedure to Save a Bookmarklet
1. Copy the code snippet and Goto the Bookmark section of your browser
2. Create a bookmark with this code as the URL (you should have known how to do it :)
3. Give whatever the name you want & Save it
4. Booom Done, That's All folks ๐Ÿฆพ
5. Click and check the functionality of the code, It should work 100%
Want to collaborate in this Repo?
1. Fork and commit in your repo
2. Changes will be reviewed and accepted based on the effectiveness of the content
Geneate Bookmarklets here https://caiorss.github.io/bookmarklet-maker/

List of Bookmarklets ๐Ÿ‘‡

1. EasyTimerโŒš

This works with any browser with Javascript support, Like Chrome, Firefox, Edge, Brave etc...

Code Snippet :

javascript: const input = prompt("Enter minutes: ");url="https://www.google.com/search?q=set+timer+for+%22+%20input%20+%22+minutes%22;window.open(url,%20%27_blank%27).focus();

Thank Google for Timer component & Thank me for making the process easier

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



2. Turn Off Personalised Web Search results

Sometimes these Personalisations goes out of hand and shows unwanted Highlights in the webpages,That might be annoying for some guys like me, This Feature turns off the PWS feature in a single click

Code Snippet :

javascript:(function(){window.location=document.URL+'?pws=0%27%20})()

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



3. Colour Picker by Google ๐ŸŒˆ

You know? Google has a colour picking tool which can be used to get colour codes in many formats by eyedropping, Access this feature in a single click

Code Snippet :

javascript:(function(){window.location='https://www.google.com/search?q=color+picker'})()

Thank Google for Color Picking Feature & Thank me for making the process easier

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



4. Calculator by Google โž—

This is a great feature made by Google, we can use scientific / general calculator on web without getting into any sites, Access this feature in a single click

Code Snippet :

javascript:(function(){window.location='https://www.google.com/search?q=calculator'})()

Thank Google for Calculator Component & Thank me for making the process easier

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



5. Unit Conventor by Google โ€ป

This is also a great feature made by Google, we can convert Currencies, Weight, Length in other units on web without getting into any sites, Access this feature in a single click

Code Snippet :

javascript:(function(){window.location='https://www.google.com/search?q=Unit%20converter'})()

Thank Google for Unit Convertor Component & Thank me for making the process easier

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



6. Text Anchors โš“

A hidden feature used by Search Engine to highlight & direct the users to a specific part of the Page which is related to their query, While using this feature, You should be at the webpage & the text to be anchored should be copied before clicking it
This will be useful when you need to hyperlink an exact part of the website to your friend, After clicking the bookmarklet, you can copy & share the new link to friend, It will highlight the text in the page which was provided by you

Code Snippet :

javascript:const input = prompt("Enter the text to be anchored (maximum 10 words):  ");(function(){window.location=document.URL+'#:~:text='+input})()

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



7. Enable Right Click ๐Ÿ˜‰

Some websites may block you from Right Click & using Context Menu aka Right click menu, But we can enable it again by using this simple Bookmarklet

Code Snippet :

javascript:(function(){var d=document;d.onmousedown=null;d.onmouseup=null;d.oncontextmenu=null})()

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



8. Birthday Moon Phase ๐ŸŒ’

If you are eager to see how the Moon looked when you were born, Check this out. You can use both of them, Second one has moon images of any date
Credits: Lunaf & MoonPhase

Code Snippet :

javascript:const input = prompt("Enter date(YYYY/MM/DD only works):  ");(function(){window.location='https://lunaf.com/lunar-calendar/'+input})()
javascript:const input = prompt("Enter date(eg: 3March1978) without spaces:  ");(function(){window.location='https://phasesmoon.com/moonday'+input+'.html'})()

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



9. Google Search Handy Shortcutsโšก

Web Surfing can sometime be frustating if we want to click & navigate through many Tabs, Here are some handy shortcuts to directly get what we want

Code Snippet to Search Images:

javascript:const input = prompt("Enter the Query : ");window.location='https://www.google.com/search?q='+input+'&tbm=isch'

Code Snippet Search Images with Creative Commons Licence:

javascript:const input = prompt("Enter the Query : ");window.location='https://www.google.com/search?q='+input+'&tbm=isch&tbs=il:cl'

Code Snippet to Search Transparent Images:

javascript:const input = prompt("Enter the Query : ");window.location='https://www.google.com/search?q='+input+'tbm=isch&tbs=ic:trans'

Code Snippet for Direct Video Search:

javascript:const input = prompt("Enter the Query : ");window.location='https://www.google.com/search?q='+input+'tbm=vid'

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



10. Developers' Search (YouCode)โšก

Code Snippet for Direct Getting results tailored for a Dev, like Code snippets, Tutorials, Articles etc.. :

javascript: const input = prompt("Enter Query: ");url="https://you.com/search?q=%22+input;window.open(url,%20%27_blank%27).focus();

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



11. Tech Stack Lookup (builtwith) โšก

Code Snippet for Looking up the tech Stack for any website :

javascript:url="https://builtwith.com/?%22+document.URL;window.open(url,%20%27_blank%27).focus();

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



12. HTML Preview by Githubโšก

Note: You have to upload HTML files to github and currently at the page where HTML file is located.

Code Snippet for previewing HTML pages directly from Github :

javascript:url="https://htmlpreview.github.io/?%22+document.URL;window.open(url,%20%27_blank%27).focus();

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



13. Download all images from any site in a single click

Code Snippet:

javascript:;(function() {var images = [].slice.call(document.querySelectorAll('img'));try {images.forEach(function(img){downloadImage(img)})} catch (e) {alert('Download failed.');console.log('Download failed.', e)}function downloadImage(img) {var link = document.createElement('a');link.setAttribute('href', img.src);link.setAttribute('download', '');link.click()}}).call(window);

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



14. Share current Tab's URL to Whatsappโšก

Code Snippet :

javascript:url="https://wa.me/?text=%22+document.URL;window.open(url,%20%27_blank%27).focus();

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



15. Search for a specific filetype ๐Ÿ”Ž

Code Snippet :

javascript:const input = prompt("Enter Query : "); const type = prompt("Extension type"); window.location='https://www.google.com/search?q=%27+input+%27%20ext%3A%27+type

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me



16. Find a free vector icon superfast (using Iconfinder) โœจ

Code Snippet :

javascript:const input = prompt("Search in IconFinder : ");(function(){window.location='https://www.iconfinder.com/search?q=%27+input+%27&price=free%27})()

Procedure ๐Ÿ‘ˆ
Still having doubts - Contact Me