首页 > 解决方案 > 如何触发火狐阅读模式?

问题描述

我试图让阅读器模式在我的页面中工作,所以我决定将文章包装在<article>标签周围,然后添加一些段落和标题。但由于某种原因,我的页面上没有显示 Firefox 阅读模式。我知道代码应该是语义的,但我认为我的代码语义足以通过。

<article>
  <h1>About me</h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores, accusamus nostrum illo commodi ea harum laudantium temporibus. Non, debitis. Omnis rem maiores corrupti nulla saepe modi suscipit quibusdam veniam! Lorem ipsum dolor sit amet
    consectetur adipisicing elit. Iusto, consequatur. Modi officia corporis error beatae commodi exercitationem ratione molestias accusantium quae, itaque est fugiat similique sit, recusandae nobis architecto incidunt. Lorem ipsum dolor sit amet consectetur
    adipisicing elit. Porro eligendi consequatur voluptas magnam quaerat sint temporibus ipsam iusto sit. Magni culpa doloribus molestias quidem provident expedita sunt dolores commodi tempora? Lorem ipsum dolor sit, amet consectetur adipisicing elit.
    Molestias neque distinctio praesentium eveniet? Perspiciatis delectus, obcaecati, molestias labore rem necessitatibus veritatis aliquid dolorem repellendus accusantium reprehenderit distinctio quos, sunt ea. Lorem ipsum dolor sit amet consectetur,
    adipisicing elit. Sed veritatis voluptatem beatae suscipit porro maxime vel laudantium, numquam perspiciatis neque voluptatibus in natus recusandae dignissimos ex modi nostrum. Culpa, qui. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex
    aut quaerat facere quod, incidunt id quo, illo sequi pariatur ut est! Explicabo nostrum eum provident omnis, odio aut eos reiciendis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugit sed ad maiores similique. Et sequi, error quo deleniti
    unde aut esse ratione vitae tempora maxime debitis saepe. Sed, illo quo! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ullam distinctio ut itaque, recusandae temporibus beatae tenetur fugiat. Sint, enim eos facilis eveniet rem quo
    dolorem. Excepturi soluta consequuntur tempora. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet fugit a amet ducimus consequatur tenetur, voluptatibus recusandae molestias ratione sed maiores soluta laborum voluptate veniam natus
    quasi. Maxime, nemo pariatur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic iure possimus sapiente ratione inventore numquam accusantium dolorum veniam ex aspernatur ab dolorem sunt qui deserunt, porro deleniti rerum, necessitatibus
    earum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi soluta, minima maiores cupiditate aspernatur eveniet ad nulla dolore tempore rerum veritatis vero debitis quae repudiandae. Harum, voluptate culpa. Ad, placeat. Lorem ipsum dolor
    sit amet consectetur adipisicing elit. Ab neque voluptas nihil saepe dolores, earum quia odit sequi repellat animi illum delectus quos inventore quod fugit accusantium impedit labore unde! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet
    libero aliquid at, tempore similique adipisci cum recusandae aspernatur, dicta pariatur, impedit hic natus optio ea aperiam totam facere alias voluptas? Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum </p>
  <h1>Another text</h1>
  <p>
    culpa similique laboriosam labore earum voluptate deleniti ea id impedit exercitationem incidunt, iste, facilis minima eius et temporibus corrupti, quisquam ducimus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam perferendis porro accusamus
    impedit temporibus repellat, corporis cum? Dolore labore pariatur non officiis itaque blanditiis, velit quia quam adipisci sapiente repudiandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores, accusamus nostrum illo commodi
    ea harum laudantium temporibus. Non, debitis. Omnis rem maiores corrupti nulla saepe modi suscipit quibusdam veniam! Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto, consequatur. Modi officia corporis error beatae commodi exercitationem
    ratione molestias accusantium quae, itaque est fugiat similique sit, recusandae nobis architecto incidunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro eligendi consequatur voluptas magnam quaerat sint temporibus ipsam iusto sit.
    Magni culpa doloribus molestias quidem provident expedita sunt dolores commodi tempora? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestias neque distinctio praesentium eveniet? Perspiciatis delectus, obcaecati, molestias labore rem
    necessitatibus veritatis aliquid dolorem repellendus accusantium reprehenderit distinctio quos, sunt ea. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed veritatis voluptatem beatae suscipit porro maxime vel laudantium, numquam perspiciatis
    neque voluptatibus in natus recusandae dignissimos ex modi nostrum. Culpa, qui. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex aut quaerat facere quod, incidunt id quo, illo sequi pariatur ut est! Explicabo nostrum eum provident omnis,
    odio aut eos reiciendis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugit sed ad maiores similique. Et sequi, error quo deleniti unde aut esse ratione vitae tempora maxime debitis saepe. Sed, illo quo! Lorem ipsum dolor sit amet, consectetur
    adipisicing elit. Qui ullam distinctio ut itaque, recusandae temporibus beatae tenetur fugiat. Sint, enim eos facilis eveniet rem quo dolorem. Excepturi soluta consequuntur tempora. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet
    fugit a amet ducimus consequatur tenetur, voluptatibus recusandae molestias ratione sed maiores soluta laborum voluptate veniam natus quasi. Maxime, nemo pariatur. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic iure possimus sapiente
    ratione inventore numquam accusantium dolorum veniam ex aspernatur ab dolorem sunt qui deserunt, porro deleniti rerum, necessitatibus earum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi soluta, minima maiores cupiditate aspernatur
    eveniet ad nulla dolore tempore rerum veritatis vero debitis quae repudiandae. Harum, voluptate culpa. Ad, placeat. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab neque voluptas nihil saepe dolores, earum quia odit sequi repellat animi
    illum delectus quos inventore quod fugit accusantium impedit labore unde! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet libero aliquid at, tempore similique adipisci cum recusandae aspernatur, dicta pariatur, impedit hic natus optio
    ea aperiam totam facere alias voluptas? Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum culpa similique laboriosam labore earum voluptate deleniti ea id impedit exercitationem incidunt, iste, facilis minima eius et temporibus corrupti,
    quisquam ducimus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam perferendis porro accusamus impedit temporibus repellat, corporis cum? Dolore labore pariatur non officiis itaque blanditiis, velit quia quam adipisci sapiente repudiandae!
  </p>
</article>

标签: htmlfirefox

解决方案


这似乎是问题的重复:

优化网站以在 Firefox 中显示阅读器视图


如果有人正在寻找如何强制启用阅读器模式(例如通过 Firefox 扩展),那么您可以使用此命令:

browser.tabs.toggleReaderMode()

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/toggleReaderMode


推荐阅读