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


27

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

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

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

Safari Reader

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

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

Ответы:


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.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.