DEV Community

DEV zen mode: userscript

Dmitry Yakimenko on February 20, 2019

For a long time I've been killing the top and the bottom bars on Medium while reading longer articles. This is especially true on mobile, where a h...
Read full post
Collapse
 
ben profile image
Ben Halpern •

Very cool! I could see this becoming a native feature.

Collapse
 
shindakun profile image
Steve Layton • • Edited

My understanding is that window.onhashchange() is only really going to see changes to location.hash and not all URL changes. So if we click on an anchor link and go from https://dev.to to https://dev.to#something the location.hash becomes #something. A quick example that can be pasted in the console is:

function hashHandler() {
  console.log("The hash has changed! It's now " + location.hash);
}

window.addEventListener('hashchange', hashHandler, false);

Then just throw a #hash in the address bar and hit enter.

Collapse
 
detunized profile image
Dmitry Yakimenko •

I thought so. The names kinda gives it away, doesn't i? But I was confused by what I read online. It seemed like it's supposed to fire on any URL change. Oh, well. Next time better luck.

Collapse
 
itr13 profile image
Mikael Klages •

I'm getting horrid flashbacks to websites I've visited on my phone with 2+ in-site pop-ups, banners on both the top and bottom I can't remove since they think I want to always have access to their menu and footer info, and additional banners for downloading their app, undoing the pop-up decisions I made, or ask me if I want to subscribe or get push notifications...

I get tired just thinking about it

Collapse
 
stephanie profile image
Stephanie Handsteiner •

and additional banners for downloading their app, undoing the pop-up decisions I made

reddit's mobile page in a nutshell.

Collapse
 
jackharner profile image
Jack Harner 🚀 •

Ya, Reddit making the Mobile site a dumpster fire isn't going to get me to install the Offical Reddit mobile app. Most of the unofficial Reddit apps out there are miles ahead of Reddit's own.

Collapse
 
andy profile image
Andy Zhao (he/him) •

@flaque bet you'd like this :)

Collapse
 
stephanie profile image
Stephanie Handsteiner •

For this reason I'm using Safari's reader mode, a plus is, it's dark if you use the system's dark-mode.

Collapse
 
detunized profile image
Dmitry Yakimenko •

Firefox now has reading mode as well. Safari is kinda limited and going the way of IE6. I use multiple platforms, all three major ones actually, so for me the browser has to run everywhere. When I'm in Firefox I use the reading mode as well.