[greyface-]

I use and recommend the same approach, and add the following trick: some sites will use CSS to hide content until JS runs and twiddles some attribute to un-hide everything. For those sites, disabling CSS will often make the content readable without the need to enable JS. This bookmarklet disables CSS:

  javascript:(function(){ var i,x;for(i=0;x=document.styleSheets[i];++i)x.disabled=true;})();

[heythankyou]

Hey I just wanted to say this thing is so handy I created an account to thank you. 10/10 lifehack.

[teddyh]

Or, in Firefox’s menu bar, simply click “View” → ”Page Style” → “No Style”.

[genocidicbunny]

Yes! I forgot to mention, but this is one of the tools I use to check if the CSS is breaking the site.

[mschuster91]

This doesn't work for anything that runs a `<div id="root" style="display:none">` style hider, and in most cases it messes up the layout completely because it renders all images without explicit height/width attribute at full native resolution.

[greyface-]

Great point about inline styles. I've added a bit that removes them anywhere they're present:

  javascript:(function(){document.querySelectorAll("[style]").forEach(function(x){x.style=""});var i,x;for(i=0;x=document.styleSheets[i];++i)x.disabled=true;})();

[benterix]

I would give you two upvotes if I could.