Como o Safari's Reader funciona e quando ele aparece?
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:
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, é?
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.
O Safari usa legibilidade? Eu acho que ele usa sua própria implementação.
Eu não acho que os usos safari isso exatamente, como eu usei leitor em artigos que foram definitivamente menos do que 2000 palavras
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
Você pode dar uma olhada no seu código fonte
Método como obtê-lo é aqui
Como você pode usar esse script em seu próprio site
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.
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.