Optimiser le site web pour montrer reader affichage dans Firefox

Firefox 38.0.5 ajouté un "Lecteur de Vue" de la barre d'adresse:

Optimiser le site web pour montrer reader affichage dans Firefox

Mais pas tous les sites, cette icône ne s'affiche que lorsque lisible le contenu de la page est détectée. Alors, comment puis-je permettre pour mon site?

J'ai essayé de médias d'impression et une autre feuille de style pour l'impression de la vue, mais qui n'a aucun effet: 

<html>
<head>
<style>
  @media print { /* no effect: */
    .no-print { display:none; }
  }
</style>
<!-- no effect either:
<link  href="print.css" media="print"><!--  -->
</head><body>
<h1>Some Title</h1>
<img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
<br><br><br>This is the only text
</body></html>

Que des extraits de code, dois-je ajouter dans mon site code source, donc ce icône de carnet d' deviennent visibles pour les visiteurs de mon site?

InformationsquelleAutor rubo77 | 2015-06-09
  1. 13

    Que le code correspond à Nov 17 la fonction de déclenchement (isProbablyReaderable) les scores seulement p ou pre éléments et div les éléments qui contiennent au moins un défunt br.

    Une légère simplification de la notation heuristique est:

    • Pour chaque élément de ['p', 'pré', 'div > br"]:
      • Si textContent longueur > 140 caractères, l'augmentation score par sqrt(length - 140)
    • si cumulatif score > 20, retour true
    • sur cette base, j'ai créé un petit js ciselée qui montre que je suis, de loin, au delà de cette limite. mais firefox n'est pas en montrant un lecteur icône de mode.
    InformationsquelleAutor ahochhaus
  2. 12

    Vous devez ajouter <div> ou <p> balises pour atteindre une page à iniciate la ReaderView.

    J'ai créé un html simple qui fonctionne:

    <html><head>
<title>Reader View shows only the browser in reader view</title>
</head>
<body>
Everything outside the main div tag vanishes in Reader View<br>
<img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
<div>
   <h1>H1 tags outside ot a p tag are hidden in reader view</h1>
   <img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+is resized+in+print+view">
   <p>
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789 123456
</p>
</div>
</body>
</html>

    C'est le minimum nécessaire pour l'activer. C'est un peu multi-facettes processus où les scores sont additionnés pour le texte des morceaux.

    Vous pouvez par exemple activer le lecteur de la vue dans le forum logiciel si vous ajoutez un <p>-tag autour de chaque bloc de message dans la vue-des postes de modèle.

    Voici quelques détails supplémentaires sur le mécanisme

    • Ceci est-il toujours s'appliquer? Je l'ai essayé et il ne déclenche pas Firefox ReaderView option. Existe-il d'autres critères? Comme la page n'est pas d'être local ou quelque chose?
    • si en local tu veux dire un file:/// URL correcte. Mode lecteur n'est pas offert pour la navigation de fichier, même sur compatible HTML.
    • Notez que le file:/// exclusion de départ a été faite "pour des raisons de sécurité" (liés à des préoccupations au sujet des sites de liaison about:reader?url=file:/// Url pour faire infâmes de choses), et maintenant que c'est résolu dans d'autres façons dernier mot est que l'équipe de Mozilla ont été "ouvert à revisiter" la file:/// URL question. Mais cela a été plus d'un an, et aucun réexamen n'a encore eu lieu. bugzilla.mozilla.org/show_bug.cgi?id=1166829
    InformationsquelleAutor rubo77