html - 如何触发火狐阅读模式?
问题描述
我试图让阅读器模式在我的页面中工作,所以我决定将文章包装在<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>
解决方案
这似乎是问题的重复:
优化网站以在 Firefox 中显示阅读器视图
如果有人正在寻找如何强制启用阅读器模式(例如通过 Firefox 扩展),那么您可以使用此命令:
browser.tabs.toggleReaderMode()
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/toggleReaderMode
推荐阅读
- mysql - 尝试查询 SQL 数据库并格式化将插入新数据库的输出
- linux - 使用 Bash 或 Perl 将一行文本替换为目录中的多个文件
- javascript - Gulp: issues when concatenating and using jQuery
- ios - error using Cocoapod with Firestore to target iOS Extension
- regex - 正则表达式查找 $ 符号之间的文本块
- javascript - 使用 Hangfire 自定义输入
- azure - 为什么我可以在 Visual Studio 之外运行这个 Azure 资源组部署脚本?
- mapbox - 如何使用 Mapbox 的 Geocoder API 搜索靠近用户当前位置的地址?
- r - All strings in an alpha-numeric range in R
- xtext - Xtext 交叉引用:以下函数参数名称