Comment le Lecteur de la fonction de Mobile Safari dans iOS 5 travail? Comment puis-je l'activer sur mon site. Comment puis-je lui dire ce contenu sur ma page est un article pour déclencher cette fonction?
Réponses
Trop de publicités?
Mathias Bynens
Points
41065
Beaucoup de réponses postées ici, contiennent de fausses informations. Voici quelques corrections/précisions:
L'
<article>élément fonctionne très bien comme un wrapper; Safari Reader le reconnaît. Mon site est un exemple. Il n'a pas d'importance qui wrapper élément de votre choix, tant qu'il y en a un autre que<body>ou<p>. Vous pouvez utiliser<article>,<div>,<section>, ou encore des éléments qui sont sémantiquement incorrect pour ce but, comme<nav>,<aside>,<footer>,<header>; ou encore des éléments en ligne comme<span>(!).Pas d'en-têtes sont nécessaires pour Lecteur fonctionne. Voici un exemple d'un document, sans aucun
<h*>des éléments sur lesquels s'Lecteur fonctionne très bien: http://mathiasbynens.be/demo/safari-reader-test-3
J'ai posté un peu plus de détails concernant mes découvertes ici: http://mathiasbynens.be/notes/safari-reader
eriklinde
Points
141
J'ai testé plus de 100 variantes de ce sur mon iPhone afin de comprendre ce qui déclenche cet insaisissable Lecteur à état. Mes conclusions sont les suivantes:
Voici ce que j'ai trouvé a eu un impact:
- Avoir autour de 200 mots ou plus (ou 1000 caractères espaces inclus) dans l'article que vous souhaitez déclencher le "Lecteur" semble nécessaire
- Le lecteur n'a JAMAIS été déclenché quand j'ai eu moins de 170 mots; il a parfois déclenché quand j'ai eu 180 ou 190 mots.
- Texte à l'intérieur de certains éléments tels que l'
<ol>ou<ul>(qui ne sont généralement pas utilisés pour contenir une histoire) ne comptent pas pour les 200 mots (ils devront cependant être affiché dans le lecteur, si le lecteur est déclenchée pour d'autres raisons) - Envelopper les 200 mots dans un élément de bloc comme un
<div>ou<article>semble nécessaire (cela dit, je serais surpris s'il y avait des sites web où ce n'était pas déjà le cas)
Pour une information complète, voici ce que j'ai trouvé n'a PAS eu un impact:
- Si l'utilisation d'un en-tête ou pas
- Si l'habillage du texte dans une
<p>ou de le laisser circuler librement - Signes de ponctuation (c'est à dire la suppression de tous les points, les virgules, etc, n'ont pas d'impact)
tantran
Points
71
Il semble que l'algorithme est basé sur la recherche pour la p-Balises et il compte le nombre de séparateurs comme "." dans le innerText. La section (div) avec le plus de points reçoit le focus.
voir: http://lab.arc90.com/experiments/readability/
Semble être la base pour le Lecteur en mode, au moins Safari attributs dans les Remerciements, voir:
file:///C:/Program%20Files/Safari/Safari.resources/Help/Acknowledgments.html
Arc90 ( Lisibilité )
Copyright © Arc90 Inc.
La lisibilité est sous Licence Apache, Version 2.0.
yrn1
Points
66
Cette question (Comment faire pour désactiver le Lecteur Safari dans une page web) a plus de détails. Copié ici:
Je suis curieux d'en savoir plus sur ce qui déclenche l'option de Lecteur de Safari et ce qui ne fonctionne pas. Je n'aurais pas l'intention de mettre en œuvre tout ce qui pourrait désactiver, mais curieux comme un exercice technique.
Voici ce que j'ai appris jusqu'à présent avec quelques notions de jouer:
Vous avez besoin d'au moins une étiquette de H Il ne passe pas par le nombre de caractères seul, mais par le nombre de balises P et longueur Probablement un aspect de la sentence pauses '.' et d'autres critères Safari de fournir le "Lecteur" si, avec une étiquette de H, et les suivantes:
1 balise P, 2417 caractères 4 les balises P, 1527 caractères 5 balises P, 1150 caractères 6 les balises P, 862 caractères Si vous soustrayez 1 caractère de ce qui précède, le "Lecteur" l'option n'est pas disponible.
Il est à noter que le nombre de caractères de l'étiquette de H joue un rôle, mais n'a malheureusement pas réaliser cela, lorsque j'ai déterminé les résultats ci-dessus. Supposons+ de 20 caractères pour H balise fixe et à travers les résultats ci-dessus.
Certains autres choses intéressantes:
Réglage pour les balises P supprime le comte Réglage de l'affichage à aucun, et puis en leur montrant 230ms plus tard avec Javascript éviter au Lecteur la possibilité
Je serais intéressé si quelqu'un peut le déterminer en plein.
dan
Points
21
