Closed Bug 696921 (reader) Opened 13 years ago Closed 11 years ago

Implement Reader Mode for phone UI


(Firefox for Android Graveyard :: General, enhancement)

Not set


(Not tracked)

Firefox 14


(Reporter: madhava, Unassigned)



(Keywords: meta, uiwanted, Whiteboard: ux feature)

We should design and implement a reading mode in the mobile browser.

At the basic end, this could just be a way to pull content out of bad-for-reading pages into something more purpose-built for reading. At the more sophisticated end of the spectrum, it could be a replacement for dealing with a site's own nav system.
Assignee: madhava → padamczyk
OS: Mac OS X → Android
Priority: P4 → P3
Hardware: x86 → Other
Target Milestone: --- → Firefox 14
Keywords: uiwanted
Whiteboard: ux feature
(In reply to Patryk Adamczyk (UX) from comment #1)
> Design Concepts can be found here:

This is a great overview of the feature. I think a hard problem we'll need to figure out to get this working well is:

* What rules do we use to "modify" a webpage to make it work in reading mode?

Each page will have content and images in a different layout. Trying to figure out what is content and what is cruft will be a challenge. Trying to figure out what images are relevant to the text content and which are ads (or other) will be hard too.

We could make some "add-ons" for specific websites, but that won't scale very well. We could have some fallback rules that work in general, but might not work very well.
Severity: normal → enhancement
Priority: P3 → --
Here is a link ( on to article publishing guidelines which could be a good start on setting rules for what gets converted into a more readable format. Its using the hNews spec.
Assignee: padamczyk → nobody
To extract the text content from web sites, my "Reading List" add-on for XUL Fennec uses code from the original Readability bookmarklet, which was released under the Apache 2.0 license.
Turning this bug into a meta bug.
Summary: Create a reading mode for the phone browser → Implement Reader Mode for phone UI
Depends on: 750677
Depends on: 750678
Depends on: 750683
Depends on: 750681
Depends on: 750684
Depends on: 750686
Depends on: 750698
Depends on: 750702
Depends on: 750707
Depends on: 750712
Depends on: 750716
Keywords: meta
Depends on: 757776
No longer depends on: 750677
Depends on: 760554
Depends on: 760645
Depends on: 760724
Depends on: 762892
Depends on: 748583
Depends on: 765930
Depends on: 766164
Depends on: 766617
Depends on: 766623
Depends on: 766935
Depends on: 766948
Depends on: 766945
Depends on: 766942
Depends on: 766950
Depends on: 766957
Depends on: 766961
Depends on: 766963
Depends on: 766966
It took me far too long to work out how to use this feature. Is there any chance we can get a popup or open a page that explains these pages are added to the bookmarks?
Paul, what were the pain points for you?
Just figuring out how to find the reader and read things via it. It's not a very intuitive experience for me. The last place I looked was where I found it (bookmarks). I would've been nice if something said "Items added to your reading list can be found in a more reading friendly format via your bookmarks". Also you should be able to remove and/or save reading position of things via the about:reader UI.
Yep, these are all things in the pipeline that are coming soon

* Exposing the reading list more clearly to the user
* Next / Prev controls for Navigating through articles in the reading list 
* Removing items from the list

Stay tuned :)
Depends on: 767121
Depends on: 767368
Is there anyway to hide the icon in the URL bar?
Depends on: 767738
Depends on: 767599
Depends on: 767956
Depends on: 767959
Depends on: 767852
Alias: reader
Depends on: 768268
Depends on: 768349
Depends on: 769314
Depends on: 769316
Blocks: 769374
Perhaps a comment here about "hey, look what they (iOS developers) are doing over there" would not be appreciated here. But responses from Fennec developers on the recent Reddit IAmA ( have emboldened me to make this recommendation:

I cannot emphasize enough how sublime Tweetbot's "reader mode" and offline reading features are, although it capitalizes on integration with third-party services like Instapaper (a Fennec feature request in itself). No other iOS app I know of, with the possible exception of Reeder by Silvio Rizzi, even comes close. Tweetbot's mobile/offline reading workflow is very, very worthy of emulating in Fennec.

If you've never used Tweetbot (or Reader), please consider borrowing a friend's iPhone and having a look at the long-press functionality (see also bug #769374) and the mobilizer "switch" in the toolbar of the baked-in browser.
Depends on: 769642
Depends on: 770051
Depends on: 771159
Depends on: 771610
No longer depends on: 768349
Depends on: 772278
Depends on: 772705
Depends on: 773386
Depends on: 773552
Depends on: 773556
Depends on: 773774
Depends on: 774914
Depends on: 768349
Depends on: 775346
Depends on: 777510
Depends on: 777557
Depends on: 777966
Depends on: 776110
Depends on: 778487
Depends on: 778488
Depends on: 778489
Depends on: 779389
Depends on: 779527
No longer blocks: 769374
Depends on: 779796
Depends on: 779801
Depends on: 782285
Depends on: 782348
Depends on: 784386
Depends on: 785077
Flags: sec-review? → sec-review?(mgoodwin)
Depends on: 794958
This doesn't still need sec-review now does it? I think this bug can be resolved.
(In reply to Aaron Train [:aaronmt] from comment #12)
> This doesn't still need sec-review now does it? I think this bug can be
> resolved.

No, this has been done: see bug 785077.
Flags: sec-review?(mgoodwin) → sec-review+
No longer depends on: 760554
No longer depends on: 750678
No longer depends on: 794958
This bug was done for Firefox 14.
Closed: 11 years ago
Resolution: --- → FIXED
Product: Firefox for Android → Firefox for Android Graveyard
You need to log in before you can comment on or make changes to this bug.