Firefox

18040 readers

220 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 5 years ago

MODERATORS

[email protected]

Advanced JS bookmarklets with params using Firefox' keywords (lemm.ee)

submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/[email protected]

18 comments fedilink hide all child comments

In Firefox you can combine JS bookmarklets, keywords and params to do something like this:

javascript:(function(){
    var args = '%s'.split(' ');
    alert(args);
})();

Useful example:

javascript:(function(){
    var args = '%s'.split(' ');
    var subreddit = args[0];
    var search = args[1];
    document.location.href = "https://www.reddit.com/r/" + subreddit + "/search/?q=" + search + "&amp;include_over_18=on&amp;restrict_sr=on&amp;t=all&amp;sort=new";
})();

Bookmarklet format:

javascript:(function() {var args = '%s'.split(' ');var subreddit = args[0];var search = args[1];document.location.href = "https://www.reddit.com/r/" + subreddit + "/search/?q=" + search + "&amp;include_over_18=on&amp;restrict_sr=on&amp;t=all&amp;sort=new";})();

If you assign the keyword redditsearch to that bookmarklet, you can type redditsearch PixelArt zelda on the firefox navbar and you will be reditected to the Reddit search for 'zelda' on r/PixelArt.

In general this makes the navbar a very powerful command line in which you can add any command with multiple params.

It seems Mozilla has plans to get rid of this feature, see the ticket Migrate keyword bookmarks into about:preferences managed Search Engines. The good news is that the last comment, besides mine asking them not to remove this functionality, is from some years ago. I hope they change their mind, or forget about it...

TIP: If you don't want to remember the param order, you can also ask for them with a prompt if no arguments are specified:

javascript:(function(){
    var args = '%s'.split(' ');
    var subreddit = args[0] != "" ? args[0] : prompt("Enter the subbreddit:");
    if (!subreddit) return;
    var search = args.length > 1 ? args[1] : prompt("Enter the text to search:");
    if (!search) return;
    document.location.href = "https://www.reddit.com/r/" + subreddit + "/search/?q=" + search + "&amp;include_over_18=on&amp;restrict_sr=on&amp;t=all&amp;sort=new";
})();

Bookmarklet format:

javascript:(function(){ var args = '%s'.split(' '); var subreddit = args[0] != "" ? args[0] : prompt("Enter the subbreddit:"); if (!subreddit) return; var search = args.length > 1 ? args[1] : prompt("Enter the text to search:"); if (!search) return; document.location.href = "https://www.reddit.com/r/" + subreddit + "/search/?q=" + search + "&amp;include_over_18=on&amp;restrict_sr=on&amp;t=all&amp;sort=new"; })();

Sorry for the reddit examples, this was posted originally on r/firefox some time ago and adapting them to lemmy seemed a bit too much work :P.

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago) (1 children)

bless you crul, you are my absolute favourite lemming. shame that user tags aren't a feature yet so i notice when i run into you. i also see you have good taste in subreddits, too

these are great - particularly the markdown one - that never would have crossed my mind, but i'm going to try to remember to use it from now on

i wish i could move to mlmym, but it's just not as featureful as either lemmy-ui or reddit+res

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago) (1 children)

^_^ Thanks for the kind words. I Like meeting nice people here.

shame that user tags aren't a feature yet so i notice when i run into you

It's a bit cumbersome to use extensively, but this works for me in the default UI (with a Stylus-alike add on):

a[href="/u/username"] {
  background: red;
  color: white !important;
}

For mlmym you need to change a[href="/u/username"] with a[href="/lemm.ee/u/username"].

i wish i could move to mlmym, but it's just not as featureful as either lemmy-ui or reddit+res

Yeah, lemmy is very work-in-progress. I'm also eager for it to be more mature. But as I'm not actively helping with the coding, I can't complain :).

And, sadly, mlmym deveopment is a bit slow right now. I hope it's because summer holidays and such. But if it doesn't catch up in the near future, I will have to move to other options. That's why I'm not investing too much time right now in my toolchain. I still don't know what to commit to.

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago) (1 children)

that's also a great idea, i'll see if i can find a way to cram that into µblock. thank you for the idea

edit: for anyone who wants to do a similar thing, here is the syntax for a µblock filter:

/(lemm.ee|mlmym.org)/##body a[href="/lemm.ee/u/Crul"]::after:style(content:"awesome";color:tomato !important;border:1px solid currentColor;border-radius:var(--bs-border-radius, 0.375rem);padding-inline:0.5ch;margin-left:0.5ch;)

(also i made it look a little prettier / more native)

i'll have a look at the mlmym github, see if there's anything simple i can do; i've never used docker, but perhaps i can figure it out

(also by the way your little ^_^ doesn't work on the default ui, it makes a superscript underscore)

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago)

I just realized that you can also add text tags with the ::after pseudo-element:

a[href="/u/username"]::after {
  content: " [TAG]";
}

also by the way your little ^_^ doesn't work

Thanks, fixed!