Originally published at https://jun711.github.io on August 3, 2019.
Learn how to turn on reader view on Google Chrome, Mozilla Firefox and Safari browsers.
Chrome Reader View
Since Chrome 75, there is an experimental reader view function where you can enable via Chrome settings.
1. To enable reader view, paste chrome://flags/#enable-reader-mode in your Chrome address bar and you will see an experimental feature page. Enable reader mode by toggling the button next to it.
2. After that, a new option will appear on top right menu. Click on ⋮ to open the menu and click distill page to turn on reader view.
3. Chrome Reader View looks like the image with no extra functions on Chrome 75 since it is a new / experimental feature.
Firefox Reader View
1.You can turn on Firefox reader view by clicking the reader view icon to the right of the address bar. You can also use keyboard shortcut command + option + r(MacOS) or ctrl + alt + r(Windows) to toggle reader view.
Note that there is no reader view for some pages. You can only turn on reader view when there is reader view icon appears to the right on your Firefox address bar.
2. Firefox reader view looks the image below with settings on the left panel.
3. You can change font type(Sans-serif or Serif), font size, reader view width, line spacing and background colour theme(Light, Dark or Sepia).
4. Most important of all is the functionality of text to speech using local machine voices. This can read aloud a website content which definitely provides more web accessibility to users who have difficulty reading text. This is also beneficial for users who prefer to listen than to read.
5. You can also save website in your Pocket application that comes with Firefox browser to manages your reading list.
Safari Reader View
1.You can turn on reader view by clicking the reader view icon to the left of the address bar or using keyboard shortcut.
Keyboard shortcut is command + shift + r(MacOS) or ctrl + shift + r(Windows) to toggle reader view. I feel that this shortcut is not ideal because it is the shortcut to hard reload a webpage on Chrome and Firefox.
Note that there is no reader view for some pages. You can only turn on reader view when there is reader view icon appears to the left of your Safari address bar.
2. Safari reader view looks like the image below with settings button appears to the right of the address bar.
3. Using Safari reader view settings, you can change change font size, background colour(white, sepia, grey and black) and font type. There are more font type options on Safari compared to Firefox.
Summary
Chrome, Firefox and Safari reader view feature comparison table:
It is not fair to compare Chrome reader view at the moment as it is still being developed.
Opinion
Personally, at this moment, I think Firefox reader view is the most user friendly as it supports text to speech and allows more control to the reader view.
Chrome and Safari probably should add in these functionalities to compete with Firefox reader view.
Support Jun
Thank you for reading! Buy Jun a coffee
If you are preparing for Software Engineer interviews, I suggest Elements of Programming Interviews in Java for algorithm practice. Good luck!
You can also support me by following me on Medium or Twitter.
