web-dev-qa-db-fra.com

Comment fonctionne le lecteur Safari et quand apparaît-il?

La fonction de lecteur de Safari est une petite application très cool qui affiche une page Web sous forme d'article de journal --- sans tous les éléments latéraux, commentaires et annonces qui vous distraient. Parfois, cela fonctionne et parfois non, et je me demande comment "il sait quand se présenter". Sur mon site Web personnel, l’une des pages propose cette option. Vous pouvez cliquer sur le bouton Reader dans la barre d’URL et il s’affiche magnifiquement comme une page dans un iBook. Cependant, aucune de mes autres pages Web (sur le même site) ne le fait. Je pensais que cela avait quelque chose à voir avec la balise <article>, mais je l'ai enlevé et ça fonctionne toujours. Quelqu'un sait-il comment cette application fonctionne?

En outre, quelqu'un connaît-il des extensions de Chrome semblables à celles-ci? Google Reader n’est pas la même chose.

PS: sur le site Web cité par Apple:

Lecteur Safari

Lorsque vous naviguez sur le Web, Safari détecte si vous vous trouvez sur une page Web contenant un article. Cliquez sur le bouton Lecteur qui apparaît dans le champ Adresse intelligente et une vue élégante de l'article apparaît - sans contenu gênant.

Pas beaucoup d'aide, c'est ça?

27
chharvey

Safari's Reader utilise la lisibilité .

La lisibilité transforme n'importe quelle page Web en une vue propre à lire maintenant ou plus tard sur votre ordinateur, smartphone ou tablette.


Il y a cet article de Nice sur la façon dont le lecteur Safari détecte le texte, vous devriez envisager de le lire.

Il semble que Safari Reader détecte un élément <div> ou un niveau de bloc contenant un élément d’en-tête (<h1> à <h6>), suivi d’une certaine quantité de texte. Le badge du lecteur apparaîtra lorsque le texte du contenu (sans l’en-tête) contient plus de 2 000 caractères.


Il existe une extension de lisibilité pour Chrome que vous pouvez obtenir à partir de ici .

24
Sathyajith Bhat

Vous pouvez jeter un oeil à son code source

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

La méthode pour l'obtenir est ici

6
Tuan Anh Tran

Evernote propose un plugin similaire pour Chrome appelé . Clairement , il s’intègre également à un bloc-notes Evernote si vous utilisez ce système.

https://evernote.com/clearly/

Il existe également un plugin Clearly pour Firefox .

L’installation du plug-in vous donne un bouton de barre d’outils à côté de la barre d’adresses sur lequel vous cliquez pour afficher une version "nette" de la page et qui inclut quelques ajustements de l’interface graphique pour une faible luminosité ou un changement de couleur d’arrière-plan si le beige choque votre sensibilité, ainsi bouton pour copier la page effacée sur un bloc-notes Evernote.

2
music2myear