Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Safari's Reader feature is a cool little app that displays a web page as a newspaper article --- without all the distracting sidebars, comments, and ads. Sometimes it works and sometimes it doesn't, and I'm wondering how "it knows when to show up." On my personal website, one of the pages has this option. You can click the Reader button in the URL bar and it is displayed beautifully like a page in an iBook. However, none of my other web pages (on the same site) do this. I thought it had something to do with the <article> tag, but I removed that and it still works. Anyone know how this app works?

Also, does anyone know of any Chrome extensions that are just like this? Google Reader is not the same thing.

PS: From the cited Apple website:

Safari Reader

As you browse the web, Safari detects if you are on a web page with an article. Click the Reader button that appears in the Smart Address Field and an elegant view of the article appears — without any distracting content.

Not much help, is it?

share|improve this question

migrated from webapps.stackexchange.com Feb 8 '12 at 17:33

This question came from our site for power users of web applications.

3 Answers 3

up vote 13 down vote accepted

Safari's Reader makes use of Readability.

Readability turns any web page into a clean view for reading now or later on your computer, smartphone, or tablet.


There's this nice article about how Safari's Reader detects the text, you should consider reading.

It looks like that Safari Reader will detect a <div> or block level element that contains a header element (<h1> to <h6>), followed by a certain amount of text. The reader badge will appear when the content text (not including the header) is more than 2,000 characters.


There's a Readability extension for Chrome which you can get from here.

share|improve this answer
    
Safari Reader can also detect multi-page articles and download all papges. –  Daniel Beck Feb 8 '12 at 17:54

Evernote offers a similar plugin for Chrome called Clearly that also integrates with an Evernote Notebook if you use that system.

https://evernote.com/clearly/

There is also a Clearly plugin for Firefox.

Installing the plugin gives you a toolbar button next to the address bar that you click to view a "clean" version of the page and which includes a few GUI tweaks for low light or background color change if beige offends your sensibilities, as well as a button to copy the cleared page to an Evernote Notebook.

share|improve this answer

You can take a look at its source code

http://blog.manbolo.com/2013/03/18/safari-reader.js

Method how to obtain it is here

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.