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.
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 below.)
Fix the new YouTube player so that the playback bar is always visible and doesn't cover up the bottom of the video. Apply the user style (better), OR put the bookmarklet in your bookmarks bar, and click it when you have a video open (the bookmarklet will apply only to that tab). 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 both Firefox and Safari).
Known issues:
For some reason the change seems to be partially applied to any other videos you open on the same tab; refreshing seems to get it back to normal, and re-clicking the bookmarklet fully reapplies this fix. (Only an issue in the bookmarklet version.)
(actually the bookmarklet hasn't been tested recently; use the user style instead)
YouTube doesn't update the time unless it thinks that the controls are visible; fix this by keeping the mouse cursor over the play button.)
Clicking the circled-i icon breaks it a bit. Re-clicking on the bookmarklet fixes it. (Less of an issue in the user style version.)
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*).
Known issues:
May take some time to load after clicking the MIDI file; at least in Firefox, information about what it's loading can be found in the JavaScript console.
midijs.net does not seem to support https, which means the script will fail on https websites unless you've configured your browser to allow mixed http/https content.
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).
Update: This script seems to no longer be necessary since their latest redesign.
On each page in TV Tropes, there are various display options. When you're not logged in, only "Show Spoilers" is enabled, with the other options prompting you to log in if you click them. However, if you enable the options, they work perfectly fine, and there's even perfectly working code to save the options locally like how Show Spoilers works (except for Wide Load, but this script also fixes that). Thus, this script enables those options.
Notes:
If the window is below a certain width, these options will be in the three-lines menu at this top-left; night vision (dark theme) doesn't affect this menu so its effect won't be obvious immediately. If the window is larger, the options are in a column on the right side of the page.
TV Tropes will still load these options without the script; if you turn on an option, then disable this script, the options will be stuck on.
Wide Load only works if the window is wide enough; otherwise it makes everything slightly narrower. (Wide enough is wider than my screen; I had to zoom out just to see what it did.)
I have not tested these when logged in, or on any page that doesn't have these options or has other options as well.
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.
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 r = 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];
// (returns a true value)
}())
void (location = 'https://chridd.nfshost.com/fg/');
Disable mobile viewport [B]
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.
Fix Bitbucket scrolling [S]: Bitbucket for no apparent reason has the main content scrolling separately from the window, which makes scrolling work weirdly (scrolling diagonally doesn't work). User style: Fix Bitbucket scrolling
