Wie funktioniert Safari's Reader und wann wird er angezeigt?

27

Safaris Reader-Funktion ist eine coole kleine App, die eine Webseite als Zeitungsartikel anzeigt - ohne all die störenden Seitenleisten, Kommentare und Anzeigen. Manchmal funktioniert es und manchmal nicht, und ich frage mich, wie "es weiß, wann es auftaucht". Auf meiner persönlichen Website hat eine der Seiten diese Option. Sie können auf die ReaderSchaltfläche in der URL-Leiste klicken und sie wird wie eine Seite in einem iBook angezeigt. Keine meiner anderen Webseiten (auf derselben Site) tut dies jedoch. Ich dachte, es hätte etwas mit dem <article>Tag zu tun , aber das habe ich entfernt und es funktioniert immer noch. Weiß jemand, wie diese App funktioniert?

Kennt jemand auch Chrome-Erweiterungen , die genau so sind? Google Reader ist nicht dasselbe.

PS: Von der zitierten Apple-Website:

Safari Reader

Wenn Sie im Internet surfen, erkennt Safari, ob Sie sich auf einer Webseite mit einem Artikel befinden. Klicken Sie auf die Schaltfläche "Leser", die im Feld "Intelligente Adresse" angezeigt wird, und eine elegante Ansicht des Artikels wird angezeigt - ohne störenden Inhalt.

Nicht viel Hilfe, oder?

chharvey
quelle

Antworten:

24

Safari's Reader nutzt die Lesbarkeit .

Durch die Lesbarkeit wird jede Webseite zu einer sauberen Ansicht, die Sie jetzt oder später auf Ihrem Computer, Smartphone oder Tablet lesen können.


Es gibt diesen schönen Artikel darüber, wie Safari's Reader den Text erkennt, den Sie lesen sollten.

Es sieht so aus, als würde Safari Reader ein <div>Element auf Blockebene erkennen , das ein Kopfzeilenelement ( <h1>bis <h6>) gefolgt von einer bestimmten Textmenge enthält. Das Leserkennzeichen wird angezeigt, wenn der Inhaltstext (ohne Überschrift) mehr als 2.000 Zeichen enthält.


Es gibt eine Readability-Erweiterung für Chrome, die Sie hier herunterladen können .

Sathyajith Bhat
quelle
Safari Reader kann auch mehrseitige Artikel erkennen und alle Papiere herunterladen.
Daniel Beck
1
Safari nutzt Lesbarkeit? Ich denke, es verwendet eine eigene Implementierung.
Fish Monitor
1
Ich glaube nicht, dass Safari genau dies verwendet, da ich den Reader für Artikel verwendet habe, die definitiv weniger als 2000 Wörter
enthielten
1
Diese Antwort stammt aus dem Jahr vor 6 Jahren und so weit ich das beurteilen kann, hat Safari definitiv seine eigenen Implementierungen und ist nicht auf <div>, <h1> usw. oder die Mindestgröße von 2000 Zeichen beschränkt.
CodeBrew
6

Sie können einen Blick auf den Quellcode werfen

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

Methode, wie man es erhält, ist hier

Tuan Anh Tran
quelle
2
Wie können Sie dieses Skript in Ihrer eigenen Website verwenden
Ceddy Muhoza
2

Evernote bietet ein ähnliches Plugin für Chrome namens Clearly an , das sich auch in ein Evernote-Notebook integrieren lässt, wenn Sie dieses System verwenden.

https://evernote.com/clearly/

Es gibt auch ein klares Plugin für Firefox .

Durch die Installation des Plugins erhalten Sie eine Symbolleistenschaltfläche neben der Adressleiste, auf die Sie klicken, um eine "saubere" Version der Seite anzuzeigen, und die einige GUI-Optimierungen für Änderungen bei schwachem Licht oder Hintergrundfarben enthält, wenn Beige Ihre Empfindlichkeiten beeinträchtigt Schaltfläche, um die gelöschte Seite auf ein Evernote-Notizbuch zu kopieren.

music2myear
quelle