¿Cómo funciona el Lector de Safari y cuándo aparece?

27

La función Reader de Safari es una pequeña aplicación genial que muestra una página web como un artículo de periódico, sin todas las barras laterales, comentarios y anuncios que distraen. A veces funciona y a veces no, y me pregunto cómo "sabe cuándo aparecer". En mi sitio web personal, una de las páginas tiene esta opción. Puede hacer clic en el Readerbotón en la barra de URL y se muestra maravillosamente como una página en un iBook. Sin embargo, ninguna de mis otras páginas web (en el mismo sitio) hace esto. Pensé que tenía algo que ver con la <article>etiqueta, pero eliminé eso y aún funciona. Alguien sabe cómo funciona esta aplicación?

Además, ¿alguien sabe de alguna extensión de Chrome que sea así? Google Reader no es lo mismo.

PD: Del citado sitio web de Apple:

Safari Reader

Mientras navega por la web, Safari detecta si está en una página web con un artículo. Haga clic en el botón Lector que aparece en el campo Dirección inteligente y aparecerá una vista elegante del artículo, sin ningún contenido que lo distraiga.

No hay mucha ayuda, ¿verdad?

chharvey
fuente

Respuestas:

24

Safari Reader utiliza la legibilidad .

La legibilidad convierte cualquier página web en una vista limpia para leer ahora o más tarde en su computadora, teléfono inteligente o tableta.


Hay un buen artículo sobre cómo el Lector de Safari detecta el texto, deberías considerar leerlo.

Parece que Safari Reader detectará un <div>elemento de nivel de bloque que contiene un elemento de encabezado ( <h1>a <h6>), seguido de una cierta cantidad de texto. La insignia del lector aparecerá cuando el texto del contenido (sin incluir el encabezado) tenga más de 2,000 caracteres.


Hay una extensión de legibilidad para Chrome que puede obtener desde aquí .

Sathyajith Bhat
fuente
Safari Reader también puede detectar artículos de varias páginas y descargar todos los papges.
Daniel Beck
1
Safari utiliza la legibilidad? Creo que usa su propia implementación.
Fish Monitor
1
No creo que safari use esto exactamente, ya que he usado un lector en artículos que definitivamente tenían menos de 2000 palabras
Sdarb
1
Esta respuesta fue de hace 6 años y, por lo que puedo ver por el uso actual, Safari definitivamente tiene sus propias implementaciones y no está restringido a <div>, <h1>, etc. o al tamaño mínimo de 2000 caracteres.
CodeBrew
6

Puedes echar un vistazo a su código fuente

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

El método para obtenerlo está aquí

Tuan Anh Tran
fuente
2
¿Cómo puede usar ese script en su propio sitio web
Ceddy Muhoza
2

Evernote ofrece un complemento similar para Chrome llamado Clearly que también se integra con un Evernote Notebook si usa ese sistema.

https://evernote.com/clearly/

También hay un complemento Clearly para Firefox .

La instalación del complemento le proporciona un botón de la barra de herramientas junto a la barra de direcciones en la que hace clic para ver una versión "limpia" de la página y que incluye algunos ajustes de GUI para cambios de color de fondo o con poca luz si el beige ofende su sensibilidad, así como un para copiar la página borrada en un cuaderno de Evernote

music2myear
fuente