Ask HN: What bookmarklets do you use?

19 points · dannyphantom · 30 days ago

Threw together a bookmarklet that sends a page over to a personal, private subreddit the other day that I've been using a ton. Also a HUGE fan of kill-sticky.

Would love to throw some other good ones up there.

https://github.com/t-mart/kill-sticky

  javascript:(function()%7Bdocument.querySelectorAll(%22body%20*%22).forEach(function(node)%7Bif(%5B%22fixed%22%2C%22sticky%22%5D.includes(getComputedStyle(node).position))%7Bnode.parentNode.removeChild(node)%7D%7D)%3Bdocument.querySelectorAll(%22html%20*%22).forEach(function(node)%7Bvar%20s%3DgetComputedStyle(node)%3Bif(%22hidden%22%3D%3D%3Ds%5B%22overflow%22%5D)%7Bnode.style%5B%22overflow%22%5D%3D%22visible%22%7Dif(%22hidden%22%3D%3D%3Ds%5B%22overflow-x%22%5D)%7Bnode.style%5B%22overflow-x%22%5D%3D%22visible%22%7Dif(%22hidden%22%3D%3D%3Ds%5B%22overflow-y%22%5D)%7Bnode.style%5B%22overflow-y%22%5D%3D%22visible%22%7D%7D)%3Bvar%20htmlNode%3Ddocument.querySelector(%22html%22)%3BhtmlNode.style%5B%22overflow%22%5D%3D%22visible%22%3BhtmlNode.style%5B%22overflow-x%22%5D%3D%22visible%22%3BhtmlNode.style%5B%22overflow-y%22%5D%3D%22visible%22%7D)()%3B%0A
- bookmarklet to shoot pages over to Reddit, just swap out r/xyz:

  javascript:(function(){  var url = encodeURIComponent(window.location.href);  window.open('https://old.reddit.com/r/jchromebook/submit?url=' + url);})();
20 comments
al_borland · 28 days ago
I made a basic one for Kagi’s summarizer service.

javascript:(function()%7Bwindow.location.href%20%3D%20%60https%3A%2F%2Fkagi.com%2Fsummarizer%2Findex.html%3Ftarget_language%3D%26summary%3Dtakeaway%26url%3D%24%7BencodeURIComponent(window.location.href)%7D%60%7D)()

I have it in my todos to make some for their other offerings, like the new translations service they just released.

This one is very niche, but I was getting 100% in Tears of the Kingdom and the map didn’t tell me how many Koroks (or whatever else) I had left. So I threw this one together to tell me. It just counts the elements of a certain type and displays an alert with the number.

javascript:(function()%7Bfunction%20countTitles(title)%20%7Bconst%20elementsWithTitle%20%3D%20document.querySelectorAll(%60%5Btitle%3D%22%24%7Btitle%7D%22%5D%60)%3Bconst%20count%20%3D%20elementsWithTitle.length%3Breturn%20count%3B%7Dalert(countTitles(%22Korok%20Seed%22)%20%2B%20(countTitles(%22Korok%20Seed%20x2%22)*2))%7D)()

Show replies

wruza · 28 days ago
Show all images on the page in a grid with size and megapixel tags. Useful for manual scraping.

Dereferer current tab in a new tab. Some sites refuse to be referred from search/etc but copy-pasting an url into a new tab works.

Various “save” bms. Picks up a resource and opens it in new tab for a specific site that disallows right-click or hides an image in css bg, etc.

“Video”. Turns yt short into normal video (short id is regular video id).

It’s a shame that bookmarklets can’t refer to a file and require this %%% inlining. Probably solvable with tampermonkey, but not worth the research.

Show replies

gabrielsroka · 28 days ago
This seems to work as well:

  javascript:open('https://old.reddit.com/r/xyz/submit?url=' + encodeURIComponent(location.href))
Notes:

1. u don't have to use `window.`, window is the default object (maybe less readable, but folks don't use window.fetch either)

2. using an IIFE is sometimes useful and necessary, but this is a simple bookmarklet

3. as i wrote in the other comment, u don't need to encode it, and if u did, you could use encodeURIComponent to do it for you. ie, show the plain code here and let someone encode it if necessary (but i've never encoded mine)

I've posted several bookmarklets here: https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que...

mattcanhack · 28 days ago
For archiving a page:

  javascript:void(window.open('https://web.archive.org/save/'+location.href));
Should probably encode the href but it has worked so far

Show replies

justtinker · 29 days ago

Show replies