Night Viewer for Chrome

Nowadays, most modern apps have the almost-compulsory dark mode, including the trusty browsers we rely on to get most of our online work. Unfortunately, not all websites have built-in dark modes, and neither do various sections within our browsers.

Night Viewer for Chrome is a super useful extension mainly aimed at developers. In short, it enables dark mode for the View Page Sources section, but it has a few extra neat little features as well.

For example, the extension is also capable of showing you how the browser has rendered a page’s original HTML into a functioning DOM, as well as all the modifications made by JavaScript (it shows the source code before JavaScript execution – as returned by the server).

Another big advantage of Night Viewer for Chrome is that it can also help you make page sources a lot more readable by allowing you to increase or decrease the font’s size. This is done directly from the View Page Sources section using the dedicated buttons at the top of the window.

The extension is pretty much straightforward to use, regardless of your experience with Chrome extensions. Just head over to the Chrome Web Store and install it just like most other extensions. Once installed, it lives in your Chrome’s toolbar.

You can effortlessly turn the extension on or off by clicking its toolbar icon and by using the big toggle button. The rest of the extension’s features are readily available directly from the View Page Sources section.

To conclude, Night Viewer for Chrome is a very useful extension that will prove invaluable for developers who often work with page sources. It has the potential to reduce a lot of eye strain by applying a sleek dark mode to the said section, and can even beautify the source code to make it a lot more readable.