Bagaimana cara kerja Pustaka Safari dan kapan itu muncul?

27

Fitur Safari's Reader adalah aplikasi kecil yang keren yang menampilkan halaman web sebagai artikel surat kabar --- tanpa semua sidebar, komentar, dan iklan yang mengganggu. Terkadang berhasil dan terkadang tidak, dan saya bertanya-tanya bagaimana "ia tahu kapan harus muncul." Di situs web pribadi saya, salah satu halaman memiliki opsi ini. Anda dapat mengklik Readertombol di bilah URL dan itu ditampilkan dengan indah seperti halaman di iBook. Namun, tidak ada halaman web saya yang lain (di situs yang sama) melakukan ini. Saya pikir itu ada hubungannya dengan <article>tag, tetapi saya menghapusnya dan masih berfungsi. Adakah yang tahu cara kerja aplikasi ini?

Juga, apakah ada yang tahu tentang ekstensi Chrome yang persis seperti ini? Pustaka Google bukan hal yang sama.

PS: Dari situs web Apple yang dikutip:

Safari Reader

Saat Anda menjelajahi web, Safari mendeteksi jika Anda berada di halaman web dengan sebuah artikel. Klik tombol Reader yang muncul di Smart Address Field dan tampilan artikel yang elegan muncul - tanpa konten yang mengganggu.

Tidak banyak membantu, bukan?

google-chrome google-chrome-extensions safari-5 chharvey
sumber

Jawaban:

24

Safari's Reader memanfaatkan Keterbacaan .

Keterbacaan mengubah halaman web mana pun menjadi tampilan yang bersih untuk dibaca sekarang atau nanti di komputer, ponsel cerdas, atau tablet Anda.

Ada artikel yang bagus tentang bagaimana Safari's Reader mendeteksi teks, Anda harus mempertimbangkan membaca.

Sepertinya Safari Reader akan mendeteksi <div>atau memblokir elemen tingkat yang berisi elemen tajuk ( <h1>untuk <h6>), diikuti oleh sejumlah teks. Lencana pembaca akan muncul ketika teks konten (tidak termasuk header) lebih dari 2.000 karakter.

Ada ekstensi Keterbacaan untuk Chrome yang bisa Anda dapatkan dari sini .

Sathyajith Bhat
sumber
Safari Reader juga dapat mendeteksi artikel multi-halaman dan mengunduh semua papges.
Daniel Beck
1
Safari menggunakan Keterbacaan? Saya pikir ini menggunakan implementasinya sendiri.
Fish Monitor
1
Saya tidak berpikir safari menggunakan ini persis, karena saya telah menggunakan pembaca pada artikel yang pasti kurang dari 2000 kata
Sdarb
1
Jawaban ini berasal dari 6 tahun yang lalu dan sejauh yang saya tahu dari penggunaan saat ini Safari pasti memiliki implementasi sendiri dan tidak terbatas pada <div>, <h1>, dll atau ukuran minimum 2000 karakter.
CodeBrew
6

Anda dapat melihat kode sumbernya

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

Metode cara mendapatkannya ada di sini

Tuan Anh Tran
sumber
2
Bagaimana Anda bisa menggunakan skrip itu di situs web Anda sendiri
Ceddy Muhoza
2

Evernote menawarkan plugin serupa untuk Chrome yang disebut Clearly yang juga terintegrasi dengan Notebook Evernote jika Anda menggunakan sistem itu.

https://evernote.com/clearly/

Ada juga plugin Jelas untuk Firefox .

Menginstal plugin memberi Anda tombol bilah alat di sebelah bilah alamat yang Anda klik untuk melihat versi "bersih" dari halaman dan yang mencakup beberapa penyesuaian GUI untuk cahaya rendah atau perubahan warna latar belakang jika beige menyinggung kepekaan Anda, serta tombol untuk menyalin halaman yang dihapus ke Notebook Evernote.

music2myear
sumber