Come funziona Safari's Reader e quando viene visualizzato?


27

La funzione Reader di Safari è una piccola app interessante che mostra una pagina web come un articolo di giornale --- senza tutte le barre laterali, i commenti e le pubblicità che distraggono. A volte funziona e a volte no, e mi chiedo come "sa quando presentarsi". Sul mio sito Web personale, una delle pagine ha questa opzione. Puoi fare clic sul Readerpulsante nella barra degli URL e viene visualizzato magnificamente come una pagina in un iBook. Tuttavia, nessuna delle mie altre pagine Web (sullo stesso sito) lo fa. Ho pensato che avesse qualcosa a che fare con il <article>tag, ma l'ho rimosso e funziona ancora. Qualcuno sa come funziona questa app?

Inoltre, qualcuno sa di eventuali estensioni di Chrome che sono proprio così? Google Reader non è la stessa cosa.

PS: dal sito Web di Apple citato:

Safari Reader

Mentre navighi sul Web, Safari rileva se ti trovi su una pagina Web con un articolo. Fai clic sul pulsante Lettore che appare nel campo dell'indirizzo intelligente e viene visualizzata una vista elegante dell'articolo, senza alcun contenuto di distrazione.

Non c'è molto aiuto, vero?

Risposte:


24

Safari Reader utilizza la leggibilità .

La leggibilità trasforma qualsiasi pagina Web in una visualizzazione pulita per la lettura ora o più tardi sul tuo computer, smartphone o tablet.


C'è questo bell'articolo su come Safari Reader rileva il testo, dovresti prendere in considerazione la lettura.

Sembra che Safari Reader rileverà un <div>elemento a livello di blocco o che contiene un elemento di intestazione ( <h1>a <h6>), seguito da una certa quantità di testo. Il badge del lettore verrà visualizzato quando il testo del contenuto (esclusa l'intestazione) è più di 2.000 caratteri.


C'è un'estensione di leggibilità per Chrome che puoi ottenere da qui .


Safari Reader può anche rilevare articoli di più pagine e scaricare tutti i papges.
Daniel Beck

1
Safari utilizza la leggibilità? Penso che usi la propria implementazione.
Fish Monitor,

1
Non credo che Safari lo usi esattamente, dato che ho usato il lettore su articoli che erano sicuramente meno di 2000 parole
Sdarb,

1
Questa risposta è stata di 6 anni fa e, per quanto ne so, dall'uso attuale, Safari ha sicuramente le sue implementazioni e non è limitato a <div>, <h1>, ecc. O alla dimensione minima di 2000 caratteri.
CodeBrew

6

Puoi dare un'occhiata al suo codice sorgente

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

Metodo come ottenerlo è qui


2
Come puoi usare quello script nel tuo sito web
Ceddy Muhoza,

2

Evernote offre un plug-in simile per Chrome chiamato Clearly che si integra anche con un Notebook Evernote se si utilizza quel sistema.

https://evernote.com/clearly/

C'è anche un plug-in Clearly per Firefox .

L'installazione del plug-in ti dà un pulsante della barra degli strumenti accanto alla barra degli indirizzi su cui fai clic per visualizzare una versione "pulita" della pagina e che include alcune modifiche alla GUI per la scarsa illuminazione o il cambiamento del colore di sfondo se il beige offende le tue sensibilità, oltre a un per copiare la pagina cancellata su un taccuino Evernote.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.