1. ホーム
  2. javascript

[解決済み] Firefoxのリーダービューはどのように動作するのですか?

2023-05-12 11:55:46

質問

概要

私は、ウェブページを作成して、それが Firefox リーダー 表示 に表示されることを確認できる基準を探しています。

サイトによっては、このオプションがあるものとないものがあります。テキストが多いサイトにはこのオプションがなく、テキストが少ないサイトにはこのオプションがあります。例えば Stack Overflow は では、リーダー表示で回答が表示されるのではなく、質問だけが表示されます。 表示します。

質問

Firefox を 38.0.1 から 38.0.5 にアップグレードしたところ、ReaderView と呼ばれる新しい機能を発見しました。 Readerview は、アドレス バーの右側にある、特定のページでクリック可能なアイコンとして表示されます。

これは素晴らしいことですが、プログラミングの観点から、quot;reader view" がどのように機能するか、どのページのどの基準に適用されるかを知りたいと思います。私は Mozilla Firefox Web サイトをいくつか調査しましたが、明確な答えはなく (あらゆる種類のプログラミングの答えは見つかりませんでした)、もちろんグーグルで検索しても、Firefox アドオンへの参照しか出てきませんでした。

私は、readerview が HTML5 を使用し、readerview が HTML5 を抽出すると仮定しました。 <article> の内容を抽出するものと思っていましたが、そうではなく、Wikipediaでは <article> や同様の HTML5 タグを使用していないように見えますが、その代わりに readview は特定の <div> を抽出し、それだけを表示します。この機能は、wikipedia などの一部の HTML5 ページで動作しますが、他のページでは動作しません。

どなたか、Firefox ReaderView が実際にどのように動作し、この動作を Web サイト開発者がどのように使用できるかについてご存知の方がいらっしゃいましたら、教えていただけませんでしょうか。あるいは、この情報がどこにあるかわかるのであれば、正しい方向に導いてください。

どのように解決するのですか?

少なくとも1つの <p> タグが1つ以上必要です。

のようにすると、ReaderViewが起動します。

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

私の例は https://stackoverflow.com/a/30750212/1069083