This is a page for things to modify your browser. These are mainly things that I made for my own use; maybe someone else will want them too. Generally if I have multiple of these types of things (e.g., a bookmarklet and a user script), then they're alternatives that do the same/similar things.
Note that since most of these depend on aspects of how some particular websites work, they might break at any time (or they might stop being necessary). (I've moved some that no longer work here.)
Bookmarklets [B]
Bookmarklets are small pieces of JavaScript code that you can bookmark and then run on other websites to do various things. To use these, bookmark the link (drag it to the bookmark bar, or right-click and then choose "Bookmark this Link"); then when you're on the page you want to use the bookmark on, click on the bookmark.
On iOS (iPhone/iPad/iPod) Safari, it's a bit more complicated: you need to create a bookmark to some website, then edit the bookmark's location. That is, create a bookmark to an ordinary webpage, save it, copy the code, tap the bookmarks icon, tap Edit, delete the URL and then paste the code. (source)
User scripts [G]
These work with the Greasemonkey extension in Firefox. They may also work in other extensions or other browsers; I haven't tested that yet.
User styles [S]
These work with the Stylus extension in Firefox, and possibly other extensions or other browsers. You'll need to copy and paste from the stylesheet to a new style, since I don't know how to make a user style download link.
Contents
(Click the link to go to the section; actual bookmarklet links are within the section.)
(↑ Not my video, just one I happened to watch where there was text at the bottom of the screen.)
Fix the new YouTube player so that the playback bar is always visible and doesn't cover up the bottom of the video; helpful if there's text at the bottom of the video that you want to pause and read, and (for the user script) now you can see how far you are into the video just by looking down. Install the user script (better) OR the user style. Not guaranteed to work if YouTube changes things again (not guaranteed to work in general; I hope it doesn't break anything, but it seems to work on my computer on Firefox). (If the user script breaks, the user style might still work.)
Known issues:
For the user style, YouTube doesn't update the time unless it thinks that the controls are visible (keeping the mouse over the play button at least sometimes fixes this). The user script fixes this problem, although it doesn't work on livestreams.
If the script stops updating the time and the bar at the bottom after it's been working for a while, try pressing any key on your keyboard.
Before the video starts (and maybe sometimes after it ends), the video will sometimes appear above the thumbnail. This seems to just be a minor aesthetic issue. (Also as of the 2023-07-01 update the top margin in non-theater mode seems to be tall, but again that's a minor aesthetic issue.)
Doesn't apply when the video is embedded or full screen (unless this breaks again), because there isn't space below the video then.
If YouTube tests a new layout, I can only test this script with whatever layout they're showing me. I just searched to see if they're testing a new layout, and found something about a layout with comments on the right; I do not have that layout as of 2023-08-23.
If you've previously installed an older version of the user style and you're now installing the user script, you should probably disable the user style.
Change all links to .mid or .midi files on the page so that they play the file using midijs.net's script. Useful for MIDIly-challenged computers (*glares in Apple's direction*).
Go to a page that has links to MIDIs, click this bookmarklet, and then click on a link to a MIDI to start playing.
Known issues:
May take some time to load after clicking the MIDI file.
Links to webpages that are not MIDI but end in .mid or .midi won't work (such as Wikipedia file description pages).
The "Stop MIDIs" bookmarklet stops MIDI files that you've played using the Play MIDIs bookmarklet.
The other bookmarklet: Stop MIDIs (bookmark this link)
javascript:MIDIjs.stop()
Beautified:
javascript:
(function() {
var s = document.createElement('script'),
l = document.getElementsByTagName('a'),
i = 0;
s.src = '//www.midijs.net/lib/midi.js';
document.body.appendChild(s);
for(; i < l.length; i++)
if(l[i].href.match(/\.midi?$/))
l[i].onclick=function(){
MIDIjs.play(this.href);
returnfalse;
};
})();
Link borders [B][S]
Show blue outlines around all unvisited links, and orange outlines around all visited links. Useful on sites that for some reason set visited and unvisited links to the same color. Clicking on the bookmarklet again will remove the outlines.
The bookmarklet: Link borders (bookmark this link)
Display the current page, or (in the user script version) any linked page, in Web Archive. Helpful for if you're browsing an old webpage and come across a bunch of broken links. (Also it offers to save the page if it's not there but available online.)
This is available as a bookmarklet and as a user script. The bookmarklet finds older versions of the current page. The user script adds an item to the context menu to find older versions of the current page or of any link (which is useful if the page now redirects somewhere unhelpful).
Known issues:
<menu> is deprecated and only supported on Firefox; the user script won't work on other browsers, and at some point it might stop working on Firefox. This issue only applies to the user script.
Tells mobile browsers to use the default (wide) width and allow zooming, like they do for sites that aren't made for mobile devices. On some websites, this will switch them into desktop layout, rather than mobile layout.
javascript:+function(){var m=document.getElementsByTagName("meta");for(var i in m)if(m[i].name=="viewport"){m[i].content="";break}}()
Beautified:
javascript:
+function() {
var m = document.getElementsByTagName("meta");
for(var i in m)
if(m[i].name=="viewport") {
m[i].content="";
break
}
}()
Delete fixed elements [B]
Deletes all items on the page that don't scroll with the rest of the document. This can get rid of those cookie popups, some ads that overlap the content, possibly even some paywalls (depending on how they're implemented). It also enables scrolling for the document, in case a pop-up disabled that. Bookmark the link, then click the bookmark to delete the elements on the page. Known limitations:
Only deletes elements that are already visible when you click the bookmarklet, doesn't prevent new ones from being added, and doesn't affect other pages you navigate to after clicking the bookmarklet.
Doesn't distinguish between wanted and unwanted elements, so on some sites it might get rid of important things. (I've seen at least one site where this deleted the main content and kept the pop-up. If you run into problems, reloading the page should get it back to normal.)
Only deletes things that actually are position: fixed; doesn't get rid of all annoyances/ads, not a fully-featured ad blocker. Doesn't (currently) affect position: sticky, and doesn't affect fixed backgrounds or things that scripts keep in place by manually updating them.
At least in theory, scripts might have issues if elements are deleted out from under them. I haven't run into any problems so far, but it could be an issue.
The bookmarklet: Delete fixed elements (bookmark this link, or copy the code below into a new bookmark)
Go directly to the scores for the forum game you're currently viewing. If not available, go to the list of forum game scorekeepers. This is similar to clicking the link in my signature, except it works even if I haven't posted in the thread recently, and is more reliable when viewing new posts.
This should now work in the new forums at ramenchef.net, and also when viewing the forum on web archive/wayback machine.
javascript:
if(!function() {
var h2 = document.getElementsByTagName('h2');
if(h2.length == 0) return; // (returns undefined, which is falsey)var a = h2[0].getElementsByTagName('a');
if(a.length == 0) return;
var f;
var r = (
f = 'rc',
a[0].href.match(/https?:\/\/ramenchef\.net\/nxf\/viewtopic\.php\?([^#]+)/)
) || (
f = 'xkcd',
a[0].href.match(/https?:\/\/(?:www\.)?(?:(?:forums3?|fora)\.xkcd\.com|echochamber\.me)\/viewtopic\.php\?([^#]+)/)
);
if(!r) return;
r = ('&'+r[1]+'&').match(/&t=(\d+)&/);
if(!r) return;
return location = 'https://chridd.nfshost.com/fg/referer?t='+r[1] + '&f=' + f;
// (returns a true value)
}())
void (location = 'https://chridd.nfshost.com/fg/');
Pitch shift when changing speed [B]
Open a YouTube video, click this bookmarklet, and then change the playback speed (gear icon, or press < and > keys). The pitch will increase if you speed up the video or decrease if you slow it down, rather than keeping the same pitch. This will likely also work on other websites with video or possibly audio where you can change the playback speed (though you might need to start the video/audio playing before clicking the bookmarklet).
Always show YouTube dates [S]: Sometimes YouTube has been showing the number of views with an ellipsis and not showing the date it was uploaded/published/premiered. This fixes that. Download YouTube dates style. (not sure this still works/is still necessary)
(see video in the screenshot)
Fix backspace on Wordle [G]: At least on my browser, every time I press backspace on Wordle to try to delete a letter, it goes back to the previous page as if I'd pressed the Back button. This fixes that. Download Wordle backspace user script (updated 2022-02-11)
