88

概要

Web ページを作成し、ユーザーが望む場合にFirefox Reader Viewに [かなり] 確実に表示される基準を探しています。

一部のサイトにはこのオプションがあり、一部のサイトにはありません。テキストの多いものには、テキストの少ないものよりもこのオプションがありません。たとえば、スタック オーバーフローでは、リーダー ビューに回答ではなく質問のみが表示されます。

質問

Firefox を 38.0.1 から 38.0.5 にアップグレードしたところ、ReaderView という新しい機能が見つかりました。これは、「ページの乱雑さ」を取り除き、テキストを読みやすくする一種のオーバーレイです。Readerview は、特定のページのクリック可能なアイコンとして、アドレス バーの右側にあります。

これは問題ありませんが、プログラミングの観点から、「リーダービュー」がどのように機能するか、どのページのどの基準に適用されるかを知りたいです。私はMozilla Firefox Webサイトをいくつか調査しましたが、明確な回答はありませんでした（私が見つけたあらゆる種類のプログラミングの回答をすべてsod）。しかし、新しい Firefox バージョンの主要部分です。

readview は HTML5 を使用し、<article>コンテンツを抽出すると仮定しましたが、ウィキペディアでは HTML5 タグまたは類似の HTML5 タグを使用していないように見えるため、そうではありません<article>。代わりに、readview は特定<div>の を抽出し、それらを単独で表示します。この機能は、ウィキペディアなどの一部の HTML5 ページでは機能しますが、他のページでは機能しません。

Firefox ReaderView が実際にどのように動作し、この操作を Web サイト開発者がどのように使用できるかについて、誰か考えをお持ちでしたら、共有していただけますか? または、この情報を見つけることができる場所を見つけることができる場合は、正しい方向に私を向けることができます.

4

3 に答える 3

70

リーダー ビューに表示するテキストの周囲に少なくとも 1 つの<p>タグが必要であり、テキスト内の 7 単語で少なくとも 516 文字が必要です。

たとえば、これは ReaderView をトリガーします。

<body>
<p>
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
 123456789 123456
</p>
</body>

https://stackoverflow.com/a/30750212/1069083で私の例を参照してください

于 2015-06-10T07:51:08.847 に答える
41

今朝 gitHub のコードを読んでみると、プロセスは、ページ要素が可能性の高い順序でリストされているということ<section>です。<p><div><article>

次に、これらの「ノード」のそれぞれに、ノードに適用されるコンマ数やクラス名などに基づいてスコアが与えられます。これは多面的なプロセスで、テキスト チャンクに対してスコアが追加されますが、無効な部分や構文に対してスコアが減らされているように見えます。「ノード」のサブパートのスコアは、ノード全体のスコアに反映されます。つまり、親要素にはすべての下位要素のスコアが含まれていると思います。

このスコア値は、HTML ページが Firefox で「ページ表示」できるかどうかを決定します。

スコア値が Firefox によって設定されているのか、それとも可読性機能によって設定されているのかははっきりしていません。

Javascript は私の得意分野ではありません。他の誰かが Richard が提供するリンク ( https://github.com/mozilla/readability ) をチェックして、より完全な回答を提供できるかどうかを確認する必要があると思います。

<p>私が見ていないが、期待していたのは、または<div>(または他の) 関連するタグのテキスト コンテンツの量に基づくスコアでした。

この質問または回答の改善点があれば、共有してください!!

編集: ページのテキスト コンテンツが有効な場合、要素内の画像<div>または<figure>タグ (HTML5)<p>がリーダー ビューに保持されているように見えます。

于 2015-06-06T22:43:49.543 に答える