In Internet Explorer, how can I convert lengthy white background pages into a page with black background and white letters (just like in the image below)?
2 Answers
Starting with Windows Phone 8.1, IE supports a feature called Reading View which presents a stripped-down, text-centric version of the webpage you're viewing, and can optionally be configured to show white text on a black background.
To activate Reading View, tap the book icon in the IE address bar when it shows up. Note, however, that this icon does not show up on every page. I'm not sure what exactly triggers it (amount of text on the page?), and there doesn't seem to be any way to force it either.
To configure Reading View to show white text on a black background, expand the IE app bar (tap the "..." icon next to the address bar) and go to Settings → Advanced settings. From there, set "Reading view style" to "dark". If you want, you can also change the font size right there.
Example result:
For more information about Reading View, see this article by Paul Thurrott:
Windows Phone 8.1 Tip: Use Reading View in IE 11
Luckily IE on windows phone supports bookmarklets, and this one can do that
javascript:(function(){var newSS,styles='*{background:black !important;color:#fff !important}:link,:link *{color:#9ef !important}:visited,:visited *{color:#e9f !important}';newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);document.getElementsByTagName("head")[0].appendChild(newSS);})();
(source adapted from webpage)