Как работает Reader Safari и когда он появляется?

27

Функция Reader в Safari - это классное небольшое приложение, которое отображает веб-страницу в виде газетной статьи - без отвлекающих боковых панелей, комментариев и рекламы. Иногда это работает, а иногда нет, и мне интересно, как «он знает, когда появиться». На моем личном сайте одна из страниц имеет эту опцию. Вы можете нажать Readerкнопку в строке URL-адреса, и она прекрасно отображается как страница в iBook. Однако ни одна из моих других веб-страниц (на том же сайте) не делает этого. Я думал, что это как-то связано с <article>тегом, но я удалил это, и оно все еще работает. Кто-нибудь знает, как работает это приложение?

Кроме того, кто-нибудь знает какие-либо расширения Chrome , которые так же, как это? Google Reader - это не одно и то же.

PS: с цитируемого сайта Apple:

Safari Reader

При просмотре веб-страниц Safari обнаруживает, что вы находитесь на веб-странице со статьей. Нажмите кнопку «Reader», которая появляется в поле «Smart Address», и появится элегантный вид статьи - без отвлекающего контента.

Не так много помощи, не так ли?

chharvey
источник

Ответы:

24

Читатель Safari использует удобочитаемость .

Читаемость превращает любую веб-страницу в чистый вид для чтения сейчас или позже на вашем компьютере, смартфоне или планшете.


Есть хорошая статья о том, как Reader Safari обнаруживает текст, вам стоит подумать о прочтении.

Похоже, что Safari Reader обнаружит <div>элемент уровня блока или, который содержит элемент заголовка ( <h1>to <h6>), за которым следует определенное количество текста. Значок читателя появится, когда текст содержимого (не включая заголовок) будет содержать более 2000 символов.


Для Chrome есть расширение Readability, которое вы можете получить здесь .

Сатьяджит Бхат
источник
Safari Reader также может обнаруживать многостраничные статьи и загружать все страницы.
Даниэль Бек
1
Safari использует удобочитаемость? Я думаю, что он использует свою собственную реализацию.
Fish Monitor
1
Я не думаю, что сафари использует это точно, так как я использовал читателя в статьях, которые были определенно меньше, чем 2000 слов
Sdarb
1
Этот ответ был получен 6 лет назад, и, насколько я могу судить по текущему использованию, Safari определенно имеет свои собственные реализации, и он не ограничен <div>, <h1> и т. Д. Или минимальным размером 2000 символов.
CodeBrew
6

Вы можете взглянуть на его исходный код

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

Метод, как получить это здесь

Туан Ань Чан
источник
2
Как вы можете использовать этот сценарий на своем собственном сайте
Седди Мухоза
2

Evernote предлагает аналогичный плагин для Chrome под названием Clearly, который также интегрируется с Evernote Notebook, если вы используете эту систему.

https://evernote.com/clearly/

Существует также плагин Clearly для Firefox .

Установка плагина дает вам кнопку на панели инструментов рядом с адресной строкой, которую вы щелкаете, чтобы просмотреть «чистую» версию страницы и которая включает в себя несколько настроек GUI для слабого освещения или изменения цвета фона, если бежевый оскорбляет ваши чувства, а также кнопка, чтобы скопировать очищенную страницу в Evernote Notebook.

music2myear
источник