3 ms·

Ask HN: What are the most useful bookmarklets you use?

10 points by nbbaier 3y ago

cranberryturkey 3y ago
https://othr.us https://othr.us
raulmartin 3y ago
[dead]
vmoore 3y ago
I've milked this to death: https://news.ycombinator.com/bookmarklet.html https://news.ycombinator.com/bookmarklet.html
perilunar 3y ago
I have a couple I use constantly to kill fixed and sticky page elements. Makes the web much more usable. Also use the pinboard bookmarklet quite often.
kcrwfrd_ 3y ago
A “show passwords” bookmarklet, turns any password input into normal text.
- madacol 3y ago
  On firefox you can right click -> "Reveal password"
treetalker 3y ago
Kagi Universal Summarizer bookmarklet: https://gist.github.com/Julioevm/68275ea1324046caedfdfb2ba0e9b710 https://gist.github.com/Julioevm/68275ea1324046caedfdfb2ba0e...
Leftium 3y ago
I have 3 bookmarklets: 1. I made a custom "Toggle" bookmarklet that toggles between various sites. For example between: - https://hw.leftium.com/#/item/39745425 https://hw.leftium.com/#/item/39745425 and https://news.ycombinator.com/item?id=39745425 https://news.ycombinator.com/item?id=39745425 - Kagi.com and Google.com - Google form/sheet and my beautifier: https://g.leftium.com/pretty https://g.leftium.com/pretty 2. Allow Paste: https://bookmarkl.ink/ashtonmeuser/6e3869d8e468e016f22a4b4de79509bd//no-paste.js https://bookmarkl.ink/ashtonmeuser/6e3869d8e468e016f22a4b4de... 3. Special toggle between Kagi Summarize, Kagi Key Moments, and original URL I also run several "permanent bookmarklets" via ViolentMonkey/TamperMonkey: https://hw.leftium.com/#/item/39621056 https://hw.leftium.com/#/item/39621056 --- Related HN post/discussion: https://hw.leftium.com/#/item/38014069 https://hw.leftium.com/#/item/38014069
- treetalker 3y ago
  Please link the code for your toggle bookmarklet! I’m particularly interested in the one to cycle between the original URL and Kagi Summarizer etc. :-D
  - Leftium 3y ago
    Here you go: https://gist.github.com/Leftium/5e1e31dcab4d747d4d9be721bcf53dea https://gist.github.com/Leftium/5e1e31dcab4d747d4d9be721bcf5...
    - treetalker 3y ago
      This is great, thank you! :-D
wruza 3y ago
Images: presents an overlay with all images found in <img> tags. Unshorts: javascript:(function(){location.href=location.href.replace('/shorts/','/watch?v=')})();
- perilunar 3y ago
  Nice! Took Unshorts a step further: remove all shorts from a page: javascript:(function(){document.querySelectorAll("a").forEach((a)=>{if(a.href.includes('/shorts/')){a.remove();}});})();
madacol 3y ago
- Open npm package on socket.dev javascript:location.href=document.location.href.replace("www.npmjs.com/", 'socket.dev/npm/'); - Edit any text on any page javascript: (function() { document.body.contentEditable = true; document.body.spellcheck = false; })(); - Highlight selected text (wraps selection in <mark> tags) this one is complex, see it here: https://getbookmarklets.com/scripts/https%3A%2F%2Fraw.githubusercontent.com%2Fmadacol%2Fweb-automation%2Fmaster%2Fbookmarklets%2Fhighlight%2520text%2Findex.js https://getbookmarklets.com/scripts/https%3A%2F%2Fraw.github... --- BTW, I am building https://getbookmarklets.com https://getbookmarklets.com precisely because I want a place to share bookmarklets I am trying to make the site as simple as possible on the server-side by only storing the URL of the bookmarklet, everything else is derived on the client side from the URL, similar to how bookmarkl.ink does it I am still figuring out how to make it resistant to spam, I don't want it to become like the userscript sites where you can't find a simple useful script, they all seem to be ultra specific and very complex scripts that are hard to verify. Any feedback is appreciated
- madacol 3y ago
  I also think we need some kind of bookmarklet manager to show only the relevant bokkmarklets depending on the webpage in display
  - nbbaier 3y ago
    I've seen this extension but haven't done much about trying it out: https://chromewebstore.google.com/detail/powerlet/ofecodkcadbenmiknnidnfepbblapgkn https://chromewebstore.google.com/detail/powerlet/ofecodkcad...
- nbbaier 3y ago
  Excited about https://getbookmarklets.com/ https://getbookmarklets.com/, I'll check it out!
adiabatty 3y ago
https://alisdair.mcdiarmid.org/kill-sticky-headers/ https://alisdair.mcdiarmid.org/kill-sticky-headers/ Also, to nicely format the Jira issue I'm looking at, to paste into task trackers: javascript: (() => { const tagEl = document.querySelector( '[data-testid="issue.views.issue-base.foundation.breadcrumbs.current-issue.item"]' ); if (!(tagEl instanceof HTMLElement)) return; const tag = tagEl.innerText; const nameEl = document.querySelector( '[data-testid="issue.views.issue-base.foundation.summary.heading"]' ); if (!(nameEl instanceof HTMLElement)) return; const name = nameEl.innerText; const text = `[${tag}] ${name}`; navigator.clipboard.writeText(text); })();

10 points by nbbaier 3y ago

cranberryturkey 3y ago

https://othr.us https://othr.us

raulmartin 3y ago

[dead]

vmoore 3y ago

I've milked this to death: https://news.ycombinator.com/bookmarklet.html https://news.ycombinator.com/bookmarklet.html

perilunar 3y ago

I have a couple I use constantly to kill fixed and sticky page elements. Makes the web much more usable. Also use the pinboard bookmarklet quite often.

kcrwfrd_ 3y ago

A “show passwords” bookmarklet, turns any password input into normal text.

madacol 3y ago
On firefox you can right click -> "Reveal password"

treetalker 3y ago

Kagi Universal Summarizer bookmarklet: https://gist.github.com/Julioevm/68275ea1324046caedfdfb2ba0e9b710 https://gist.github.com/Julioevm/68275ea1324046caedfdfb2ba0e...

Leftium 3y ago

I have 3 bookmarklets: 1. I made a custom "Toggle" bookmarklet that toggles between various sites. For example between: - https://hw.leftium.com/#/item/39745425 https://hw.leftium.com/#/item/39745425 and https://news.ycombinator.com/item?id=39745425 https://news.ycombinator.com/item?id=39745425 - Kagi.com and Google.com - Google form/sheet and my beautifier: https://g.leftium.com/pretty https://g.leftium.com/pretty 2. Allow Paste: https://bookmarkl.ink/ashtonmeuser/6e3869d8e468e016f22a4b4de79509bd//no-paste.js https://bookmarkl.ink/ashtonmeuser/6e3869d8e468e016f22a4b4de... 3. Special toggle between Kagi Summarize, Kagi Key Moments, and original URL I also run several "permanent bookmarklets" via ViolentMonkey/TamperMonkey: https://hw.leftium.com/#/item/39621056 https://hw.leftium.com/#/item/39621056 --- Related HN post/discussion: https://hw.leftium.com/#/item/38014069 https://hw.leftium.com/#/item/38014069

treetalker 3y ago
Please link the code for your toggle bookmarklet! I’m particularly interested in the one to cycle between the original URL and Kagi Summarizer etc. :-D
- Leftium 3y ago
  Here you go: https://gist.github.com/Leftium/5e1e31dcab4d747d4d9be721bcf53dea https://gist.github.com/Leftium/5e1e31dcab4d747d4d9be721bcf5...
  - treetalker 3y ago
    This is great, thank you! :-D

wruza 3y ago

Images: presents an overlay with all images found in <img> tags. Unshorts: javascript:(function(){location.href=location.href.replace('/shorts/','/watch?v=')})();

perilunar 3y ago
Nice! Took Unshorts a step further: remove all shorts from a page: javascript:(function(){document.querySelectorAll("a").forEach((a)=>{if(a.href.includes('/shorts/')){a.remove();}});})();

madacol 3y ago

- Open npm package on socket.dev javascript:location.href=document.location.href.replace("www.npmjs.com/", 'socket.dev/npm/'); - Edit any text on any page javascript: (function() { document.body.contentEditable = true; document.body.spellcheck = false; })(); - Highlight selected text (wraps selection in <mark> tags) this one is complex, see it here: https://getbookmarklets.com/scripts/https%3A%2F%2Fraw.githubusercontent.com%2Fmadacol%2Fweb-automation%2Fmaster%2Fbookmarklets%2Fhighlight%2520text%2Findex.js https://getbookmarklets.com/scripts/https%3A%2F%2Fraw.github... --- BTW, I am building https://getbookmarklets.com https://getbookmarklets.com precisely because I want a place to share bookmarklets I am trying to make the site as simple as possible on the server-side by only storing the URL of the bookmarklet, everything else is derived on the client side from the URL, similar to how bookmarkl.ink does it I am still figuring out how to make it resistant to spam, I don't want it to become like the userscript sites where you can't find a simple useful script, they all seem to be ultra specific and very complex scripts that are hard to verify. Any feedback is appreciated

madacol 3y ago
I also think we need some kind of bookmarklet manager to show only the relevant bokkmarklets depending on the webpage in display
- nbbaier 3y ago
  I've seen this extension but haven't done much about trying it out: https://chromewebstore.google.com/detail/powerlet/ofecodkcadbenmiknnidnfepbblapgkn https://chromewebstore.google.com/detail/powerlet/ofecodkcad...
nbbaier 3y ago
Excited about https://getbookmarklets.com/ https://getbookmarklets.com/, I'll check it out!

adiabatty 3y ago

https://alisdair.mcdiarmid.org/kill-sticky-headers/ https://alisdair.mcdiarmid.org/kill-sticky-headers/ Also, to nicely format the Jira issue I'm looking at, to paste into task trackers: javascript: (() => { const tagEl = document.querySelector( '[data-testid="issue.views.issue-base.foundation.breadcrumbs.current-issue.item"]' ); if (!(tagEl instanceof HTMLElement)) return; const tag = tagEl.innerText; const nameEl = document.querySelector( '[data-testid="issue.views.issue-base.foundation.summary.heading"]' ); if (!(nameEl instanceof HTMLElement)) return; const name = nameEl.innerText; const text = `[${tag}] ${name}`; navigator.clipboard.writeText(text); })();