Manbolo Blog

Manbolo Team Blog, creators of MeonArchives

Safari Reader Source Code

Reader javascript

I’m totally in love with Safari’s Reader feature. But sometimes, on some web article, Reader doesn’t display anything (or Reader’s button is greyed). If you’re like me, and want to see why Reader doesn’t always work properly, there is a very simple way to get Safari Reader source code.

The crazy thing is that the functionality is all Javascript based (maybe due to its grand parent Arc90 Readability project).

To see it and walk trough ReaderArticleFinder object, just do this (tested with Safari 6.0.3):

  1. Quit Safari, launch it on a blank page.
  2. Type an URL for a site that has a chance to activate Reader’s button (every blog post can work, but you can use this one if you want ) Safari 1
  3. Wait for the site to be loaded and open the WebKit Inspector ( Command ⌘ Option ⌥ I)
  4. In the WebKit Inspector window, click ONE TIME on the pause button. There is no visual feedback, I’m not sure why or if this step is necessary but just in case… Safari 2
  5. Click on the Reader button, and usually the Javascript debugger should directly step into Safari Reader source code (in Javascript!) Safari 3

Et voilà!

I’ve found the Web Inspector rather capricious so don’t hesitate to try this many times before succeded.

And if you don’t succeed, you can download it here

From jc.

All Posts