Jak działa Safari Safari i kiedy się wyświetla?

27

Safari Reader to fajna mała aplikacja, która wyświetla stronę internetową jako artykuł w gazecie --- bez wszystkich rozpraszających pasków bocznych, komentarzy i reklam. Czasami działa, a czasem nie. Zastanawiam się, skąd „wie, kiedy się pojawić”. Na mojej osobistej stronie internetowej jedna ze stron ma tę opcję. Możesz kliknąć Readerprzycisk na pasku adresu i jest on pięknie wyświetlany jak strona w iBooku. Jednak żadna z moich innych stron internetowych (w tej samej witrynie) nie robi tego. Myślałem, że ma to coś wspólnego z <article>tagiem, ale usunąłem to i nadal działa. Czy ktoś wie, jak działa ta aplikacja?

Ponadto, czy ktoś wie o jakichkolwiek takich rozszerzeniach Chrome ? Czytnik Google to nie to samo.

PS: Z cytowanej strony Apple:

Safari Reader

Podczas przeglądania Internetu Safari wykrywa, czy jesteś na stronie z artykułem. Kliknij przycisk Reader, który pojawi się w polu Smart Address, i pojawi się elegancki widok artykułu - bez rozpraszającej treści.

Niewiele pomocy, prawda?

chharvey
źródło

Odpowiedzi:

24

Czytnik Safari korzysta z Czytelności .

Czytelność zamienia każdą stronę internetową w czysty widok do czytania teraz lub później na komputerze, smartfonie lub tablecie.


Jest ten miły artykuł o tym, jak Safari's Reader wykrywa tekst, powinieneś rozważyć przeczytanie.

Wygląda na to, że Safari Reader wykryje <div>element poziomu bloku lub zawierający element nagłówka ( <h1>do <h6>), a po nim pewną ilość tekstu. Znaczek czytelnika pojawi się, gdy tekst treści (bez nagłówka) ma więcej niż 2000 znaków.


Istnieje rozszerzenie czytelności dla Chrome, które można uzyskać stąd .

Sathyajith Bhat
źródło
Safari Reader może także wykrywać wielostronicowe artykuły i pobierać wszystkie papiery.
Daniel Beck
1
Safari używa czytelności? Myślę, że używa własnej implementacji.
Fish Monitor
1
Nie sądzę, że safari używa tego dokładnie, ponieważ użyłem czytnika artykułów, które miały zdecydowanie mniej niż 2000 słów
Sdarb
1
Ta odpowiedź pochodzi z 6 lat temu i, o ile mogę stwierdzić po obecnym użyciu, Safari zdecydowanie ma własne implementacje i nie jest ograniczona do <div>, <h1> itp. Ani minimalnego rozmiaru 2000 znaków.
CodeBrew,
6

Możesz rzucić okiem na jego kod źródłowy

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

Metoda jego uzyskania znajduje się tutaj

Tuan Anh Tran
źródło
2
Jak możesz użyć tego skryptu we własnej witrynie
Ceddy Muhoza,
2

Evernote oferuje podobną wtyczkę do przeglądarki Chrome o nazwie Clearly, która integruje się również z Evernote Notebook, jeśli korzystasz z tego systemu.

https://evernote.com/clearly/

Istnieje również wtyczka Clearly do przeglądarki Firefox .

Zainstalowanie wtyczki daje przycisk paska narzędzi obok paska adresu, który klikniesz, aby wyświetlić „czystą” wersję strony i który zawiera kilka poprawek GUI dla słabego oświetlenia lub zmiany koloru tła, jeśli beż obraża twoją wrażliwość, a także przycisk, aby skopiować wyczyszczoną stronę do notatnika Evernote.

music2myear
źródło