#bookmarklet
#Development #Tools
Make Bookmarklets · A web tool that helps you build tiny JavaScript apps stored in a bookmark url https://ilo.im/11rs61
Bookmarklets
Mit Bookmarklets lässt sich die Funktion eines Browsers erweitern. Wir zeigen dies anhand der h123 Erweiterung zur Prüfung von HTML Headern für die bessere Zugreifbarkeit mittels Screenreader.
Here's a quick and easy tool for making "open this post on my instance" bookmarklets.
https://stefanbohacek.com/project/open-post-on-my-mastodon-instance-bookmarklet
Hope someone finds this useful!
Also, I'd love to hear recommendations for good browser extensions for Mastodon that work well with multiple accounts across different instances.
#Bookmarklet Generator : follow, react and publish across your #Mastodon instance
https://mastodon-bookmarklet-generator.barijaona.com/
Hier ein Bookmarklet um den Artikel (Retoot unten 👇 ) bei der NY Times lesen zu können, wenn man aus Deutschland kommt. 🤫👨💻
```
javascript:(function(){var qs = document.querySelector.bind(document);qs('#gateway-content').style.display='none';qs('#gateway-content').parentNode.childNodes.forEach((fcknd,key)=>{fcknd.style.display='none';});qs('#gateway-content').style.display='none';qs('#site-content').style.position='';})();
```

🖋 “A bookmarklet to create a new link content Markdown on GitHub”
When I was building my site on my local computer, I had a shell script to initialize a new Markdown file for sharing a link. When I moved to Cloudflare Pages 6 months ago, it opened a new opportunity to share links more easily in my Eleventy content, directly from the page I wanted to share. Bookmarklets are still an awesome invention!
Updated my #bookmarklet for easier following across #mastodon instances:
https://github.com/Mitsunee/stuff/blob/master/bookmarklets/mastodon-on-my-instance.js
The old one caused profiles to load indefinitely, so this one now redirects to the authorize_interaction screen, which also provides a follow button :)
#Bookmarklet: copy as HTML
javascript:{
if (getSelection().rangeCount === 0) {
alert('Nothing is selected');
} else {
const documentFragment = getSelection().getRangeAt(0).cloneContents();
const html = [].map.call(
documentFragment.childNodes,
n => n.nodeType === Node.TEXT_NODE ? n.textContent : n.outerHTML
).join('');
navigator.clipboard.writeText(html)
.catch((error) => {
alert(String(error));
});
}
}
Introducing Share to Mastodon – Corbin Davenport
Works like a champ.
For @kimtyodickerson and other #mastodon migrants: This #bookmarklet from AddToAny will let you toot content from any website to your feed. :mastodon:
https://www.addtoany.com/services/mastodon_button
#Bookmarklet Found:
"When media is playing using HTML5 audio/video you can click this bookmark to open a new tab/window with the media. Then to download it use the context menu action "Save As..." (right mouse button -> Save As...)." 👏
Want to toot what you're reading on your computer to your Mastodon account? You'll want to grab this bookmarklet available online!
https://www.mguhlin.org/2022/11/a-toot-bookmarklet-for-mastodon.html #Mastodon #Bookmarklet #MastodonTips
Pour augmenter ou basculer entre différents services de cartographie https://korben.info/openswitchmaps.html #cartographie #Navigateurs #bookmarklet #googlemaps #javascript #baidumaps
Thanks to @kentbrew it is exciting to tell folks about Tootski, a sharing bookmarklet for Mastodon:
https://gist.github.com/kentbrew/e7def09068834d9d1415824befa8d2dc
(posted with Tootski!)
Tootski is a bookmarklet that will share the page you're on to your Mastodon instance, including the title, address, and any text you may have selected.
https://gist.github.com/kentbrew/e7def09068834d9d1415824befa8d2dc
GitHub - corbindavenport/share-to-mastodon: Browser extension for sharing links and tabs to #Mastodon
Includes a #bookmarklet for #Safari, too! https://github.com/corbindavenport/share-to-mastodon
// #JavaScript #Bookmarklet: convert selection to lowercase
javascript:{
const selection = window.getSelection().toString().trim();
if (selection.length > 0) {
const elem = document.activeElement;
if (
elem.tagName == "TEXTAREA" ||
(elem.tagName == "INPUT" && elem.type == "text")
) {
const start = elem.selectionStart;
const end = elem.selectionEnd;
elem.value = elem.value.slice(0, start) + selection.toLowerCase() + elem.value.slice(end);
}
}
false;
}
#LateToTheParty, but I recently jumped ship to #obsidian and am blown away. I've only been using it for a few days now and have already contributed to a #foss extension thanks to the #api being so approachable.
On an unrelated note, using a combination of the ReadItLater and Obsidian Advanced URI extensions, I've written a #bookmarklet for clipping web URLs to Obsidian.
Obsidian is #awesome!
Oh, and there's support of #vim key bindings! :vim:
:fosstodon: :coolmsn: :mastodance:
@faduda @allancavanagh ah ha. Did you mean to add a URL to that, Gerard?
There is an IA Firefox extension, but a simple bookmarklet does the job too:
https://blog.archive.org/2017/01/25/see-something-save-something/
Bookmarklet is shown here:
https://www.spudart.org/blog/archive-org-bookmarklet/
javascript:void(window.open('https://web.archive.org/save/'+location.href));
And it works. I saved a page I was looking at. Should work in most browsers, I think. 😀
You may not need a browser extension: My bookmarklet shows profiles and posts on other Mastodon servers in your server’s web app.
https://gist.github.com/rauschma/677544618b73dc4e3d11611e298cbe3a
#Mastodon #Bookmarklet
I wrote a simple link blog that stores everything in a RSS feed and makes a web page from it using a XSLT stylesheet; also, it uses a bookmarklet to add entries. The source code is here: https://github.com/wincentbalin/rss-only-link-blog #bookmarklet #rss #xslt
And, of course, I'm dogfooding.
Updated version of my #Mastodon #bookmarklet: Show a profile or a post on another Mastodon server in your server’s web app.
https://gist.github.com/rauschma/677544618b73dc4e3d11611e298cbe3a
any #jitsimeet cracks around?
how can I toggle chat/participants list via javascript (i.e. from a #bookmarklet)? #jitsi :boost_ok:
#Bookmarklet—show current #Mastodon post in a Mastodon web app of your choosing:
javascript:{
location.href = `https[:]//mastodon.example.com/authorize_interaction?uri=${location.href}`;
}
Installation:
– Use the lines shown above as the address of a bookmark (browsers are OK with pasting multiple lines).
– Change the web app domain as needed. And use : instead of [:]
Thanks to @michael for telling me this trick: https://mstdn.thms.uk/@michael/109429342957863766
So is there a #bookmarklet that allows me to see where web components are used on a page? I'd really like to be able to just quickly see where they are being used and so that I can quickly determine if things might need to be tested differently for #accessibility
@otherpunk @bramus thank you! That was the one, I just got pointed to it :)
I'm just going to add a #bookmarklet hashtag here so I can find it again 😅
Who had made the bookmarklet that opens Mastodon user profiles from other instances on your own instance for easier following? I can't find it...
#JavaScript #Bookmarklet for switching to the mobile UI of #Wikipedia—which, as @paul_irish states (*), is indeed much better:
javascript:{
if (!location.href.includes('.m.wikipedia')) {
location.href = location.href.replace('.wikipedia', '.m.wikipedia');
}
}
Um sicher zu gehen: aus einem #bookmarklet kann man über #javascript nicht auf das Clipboard lesend zugreifen, ist das richtig?
My second Mastodon #bookmarklet is to toggle all content hidden with #CW / #contentWarning / #contentWarnings https://homepages.inf.ed.ac.uk/imurray2/code/mastodon.html
This thread is marked with a CW for those who find meta chat boring. Any replies are also hidden by default. This bookmarklet can show/hide all hidden content on a page with one click.
The preferences let you always expand all CW content. There's also already an 👁️ icon to toggle CWs in threads, top right of column.
I've made a #bookmarklet to quickly swap between #instance websites when browsing #mastodon in a browser: https://homepages.inf.ed.ac.uk/imurray2/code/mastodon.html
Unlike in apps, swapping between instance websites is sometimes needed to follow/comment, or see everything correctly. The bookmarklet might make it easier. But I'm probably foolish to release it immediately. No promises it will work for you!
javascript:with(document)(window.location=window.location.toString().replace(/^https:\/\/[^\/]*\//,'https://redirect.invidious.io/'))._ #Invidious #bookmarklet
@bins@mamot.fr cc: @Mediapart@mastodon.social
A défaut, il y a une appli signet qui peut faire ça :
https://rknightuk.github.io/mastodon-toot-bookmarklet/
#bookmarklet #applisignet #MastodonOutils
Methinks I'm missing something somewhere. I want a little feature, site, service, extension, to save websites in a list (NOT a bookmark) with tags, preferably using a #bookmarklet. Mastodon has the bookmarklet, but doesn't do search well, or that would be an option. It's gotta be out there. My tabs grow every day. A little feature like this would go a long way to solving this.
Wanna know the best ever bookmarklet saver, #clipper I've ever seen? On seenthis.net.
RT @alainmi11@twitter.com
AllTube Download : une interface graphique simplissime pour faire fonctionner l’excellent #LogicielLibre youtube-dl, pour télécharger des flux vidéo ou audio depuis un bon millier de sites.
Cerise sur le gâteau : un petit #bookmarklet est disponible.
https://alltube.drycat.fr/
🐦🔗: https://twitter.com/alainmi11/status/1307586281417904129
AllTube Download : une interface graphique simplissime pour faire fonctionner l’excellent #LogicielLibre youtube-dl, pour télécharger des flux vidéo ou audio depuis un bon millier de sites.
Cerise sur le gâteau : un petit #bookmarklet est disponible.
https://alltube.drycat.fr/
Here, use this #bookmarklet to replace all Ms with Bs and all Ns with Ds:
```
javascript:function r(from,to){t().forEach(function(n){n.nodeValue=n.nodeValue.replace(new RegExp(q(from),'g'),to)});function t(){var r=[];(function s(n){if(n.childNodes.length)
for(var i=0;i<n.childNodes.length;i++)
s(n.childNodes[i]);else if(n.nodeType==Node.TEXT_NODE)
r.push(n)})(document);return r}
function q(str){return(str+'').replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")}}
r('m','b');r('M','B');r('n','d');r('N','D')
```