X
Tap here to go to the mobile version of the site.

Support Forum

How can I ensure my web content appears in Reader view?

Posted

What rules do I need to follow to ensure that content appears in the Reader view mode?

What rules do I need to follow to ensure that content appears in the Reader view mode?

Chosen solution

jscher2000 said

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

Thanks very much. I'll pass it on to a techie to make sense of it.

Read this answer in context 0
Wesley Branton
  • Top 10 Contributor
582 solutions 4952 answers

Helpful Reply

Unfortunately, there is not a lot of documentation on this topic.

In most cases, Reader View will work on any website that is structured with the correct HTML tags that are standard. I know, for example, that it is very important to have your blog post, page content or whatever it may be wrapped within the <article> HTML tag.

Here are some web pages that I found about the topic:

I hope this helps.

Unfortunately, there is not a lot of documentation on this topic. In most cases, Reader View will work on any website that is structured with the correct HTML tags that are standard. I know, for example, that it is very important to have your blog post, page content or whatever it may be wrapped within the <code><article></code> HTML tag. Here are some web pages that I found about the topic: *'''[http://stackoverflow.com/questions/30661650/how-does-firefox-reader-view-operate-ff-version-38-0-5 How Does Firefox Reader View Operate (FF version 38.0.5) - Stack Overflow]''' *[https://support.mozilla.org/en-US/questions/1067528 Is there a documentation about reading mode in firefox? - Mozilla Support] *[http://webmasters.stackexchange.com/questions/83058/how-do-i-make-my-site-compatible-with-firefoxs-reader-view-feature How do I make my site compatible with Firefox's Reader View feature? - Webmasters Stack Exchange] *[https://wiki.mozilla.org/QA/Reader_view Reader View - Mozilla Wiki] *[[Firefox Reader View for clutter-free web pages|Firefox Reader View for clutter-free web pages - Mozilla Support]] I hope this helps.

Modified by Wesley Branton

Question owner

Thanks very much. Answers my question but unfortunately doesn't solve my problem. I'll keep an eye open for any new documentation.

Huwami

Thanks very much. Answers my question but unfortunately doesn't solve my problem. I'll keep an eye open for any new documentation. Huwami

Modified by Huwami

Wesley Branton
  • Top 10 Contributor
582 solutions 4952 answers

Do you have a link to your website? I can take a look to see how you can fix it to make it work with Reader View.

Do you have a link to your website? I can take a look to see how you can fix it to make it work with Reader View.

Question owner

I apologise for the late reply

The website is https://nice.org.uk

These are examples of the pages that don't work:

  1. https://www.nice.org.uk/guidance/QS134
  2. https://www.nice.org.uk/guidance/qs28

The bullet points at the end are lost

https://www.nice.org.uk/standards-and-indicators/how-to-use-quality-standards#identify - the link at the end is lost

I apologise for the late reply The website is https://nice.org.uk These are examples of the pages that don't work: # https://www.nice.org.uk/guidance/QS134 # https://www.nice.org.uk/guidance/qs28 The bullet points at the end are lost https://www.nice.org.uk/standards-and-indicators/how-to-use-quality-standards#identify - the link at the end is lost
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

Helpful Reply

On the first two examples, it seems Reader View uses just the contents of the <article> tag.

On the third one, it looks like a random chunk ("Measure the quality of care" section, without that heading) is pulled out of the middle to display in Reader View. I don't know what is going on there, but it's a bit of a tag soup...

On the first two examples, it seems Reader View uses just the contents of the &lt;article> tag. On the third one, it looks like a random chunk ("Measure the quality of care" section, without that heading) is pulled out of the middle to display in Reader View. I don't know what is going on there, but it's a bit of a tag soup...

Question owner

I suppose what I'm really looking for is documentation that can be given to developers and web team members to ensure that any pages they write or generate via templates they develop will be able to be displayed as expected in reader view mode if they follow given rules.

I'm not a developer but I do find the feature very helpful. It's a pity Mozilla doesn't promote it more.

If that documentation doesn't exist it would be nice for Mozilla to let everybody know whether it can be expected in future.

I suppose what I'm really looking for is documentation that can be given to developers and web team members to ensure that any pages they write or generate via templates they develop will be able to be displayed as expected in reader view mode if they follow given rules. I'm not a developer but I do find the feature very helpful. It's a pity Mozilla doesn't promote it more. If that documentation doesn't exist it would be nice for Mozilla to let everybody know whether it can be expected in future.
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can:

https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

Chosen Solution

jscher2000 said

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

Thanks very much. I'll pass it on to a techie to make sense of it.

''jscher2000 [[#answer-928975|said]]'' <blockquote> A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function) </blockquote> Thanks very much. I'll pass it on to a techie to make sense of it.