Como o Safari's Reader funciona e quando ele aparece?


27

O recurso Reader do Safari é um pequeno aplicativo interessante que exibe uma página da Web como um artigo de jornal - sem todas as barras laterais, comentários e anúncios que distraem. Às vezes funciona e às vezes não, e estou me perguntando como "sabe quando aparecer". No meu site pessoal, uma das páginas tem essa opção. Você pode clicar no Readerbotão na barra de URL e ele é exibido maravilhosamente como uma página em um iBook. No entanto, nenhuma das minhas outras páginas da web (no mesmo site) faz isso. Eu pensei que tinha algo a ver com a <article>tag, mas eu a removi e ainda funciona. Alguém sabe como esse aplicativo funciona?

Além disso, alguém conhece extensões do Chrome que são assim? Google Reader não é a mesma coisa.

PS: No site da Apple citado:

Safari Reader

Enquanto você navega na Web, o Safari detecta se você está em uma página da Web com um artigo. Clique no botão Leitor que aparece no campo Endereço inteligente e uma visualização elegante do artigo é exibida - sem nenhum conteúdo que distraia.

Não é muita ajuda, é?

Respostas:


24

O Safari's Reader faz uso da legibilidade .

A legibilidade transforma qualquer página da Web em uma visualização limpa para leitura agora ou mais tarde no seu computador, smartphone ou tablet.


Há este belo artigo sobre como o Safari's Reader detecta o texto, você deve ler.

Parece que o Safari Reader detectará um <div>elemento no nível do bloco ou que contém um elemento de cabeçalho ( <h1>para <h6>), seguido por uma certa quantidade de texto. O emblema do leitor aparecerá quando o texto do conteúdo (não incluindo o cabeçalho) tiver mais de 2.000 caracteres.


Há uma extensão de legibilidade para o Chrome, que você pode obter daqui .


O Safari Reader também pode detectar artigos de várias páginas e baixar todos os papges.
Daniel Beck

1
O Safari usa legibilidade? Eu acho que ele usa sua própria implementação.
Fish Monitor

1
Eu não acho que os usos safari isso exatamente, como eu usei leitor em artigos que foram definitivamente menos do que 2000 palavras
Sdarb

1
Esta resposta foi de 6 anos atrás e, até onde eu sei, o Safari definitivamente tem suas próprias implementações e não está restrito a <div>, <h1> etc. ou ao tamanho mínimo de 2000 caracteres.
CodeBrew 20/05/19

6

Você pode dar uma olhada no seu código fonte

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

Método como obtê-lo é aqui


2
Como você pode usar esse script em seu próprio site
Ceddy Muhoza

2

O Evernote oferece um plug-in semelhante para o Chrome, chamado Clearly, que também se integra ao Notebook Evernote se você usar esse sistema.

https://evernote.com/clearly/

Há também um plugin Claramente para o Firefox .

A instalação do plug-in fornece um botão da barra de ferramentas ao lado da barra de endereço que você clica para visualizar uma versão "limpa" da página e que inclui alguns ajustes na GUI para pouca luz ou alteração de cor de fundo, se o bege ofender sua sensibilidade, além de uma para copiar a página limpa para um Evernote Notebook.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.