Join the Mozilla’s Test Days event from 9–15 Jan to test the new Firefox address bar on Firefox Beta 135 and get a chance to win Mozilla swag vouchers! 🎁

Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

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

  • 8 respostas
  • 2 têm este problema
  • 418 visualizações
  • Última resposta de Huwami

more options

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?

Solução escolhida

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.

Ler esta resposta 👍 0

Todas as respostas (8)

more options

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.

Alterado por Wesley Branton em

more options

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

Huwami

Alterado por Huwami em

more options

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.

more options

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

more options

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...

more options

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.

more options

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)

more options

Solução escolhida

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.