如何从我的网站禁用 firefox 的 reader 视图?

How to disable firefox's reader view from my website?

今天我将我的 firefox 更新到最新版本,其中一个重要功能是 reader 桌面视图。我们两周前推出了一个网上商店,现在有这个 "reader view" 的小图标。当我点击它时,我收到一条错误消息。我的团队领导希望我在访问此网站时删除此功能。

是否可以在访问我的网站时从 Firefox 中删除或隐藏 "reader view" 功能?

无法强制用户禁用 Reader 视图,但如果它对您的站点很重要,您可以通知用户禁用 或者不使用 firefox 的 reader 功能。

这将是在用户浏览器上禁用 Reader 的方法

  • 在浏览器地址栏中输入about:config
  • 单击 "I'll be careful I promise" 框
  • 搜索 reader.parse-on-load.enabled
  • 将首选项切换为 false(右键单击 > 切换为 false)
  • 关闭 about:config 页面 > 刷新浏览器 > reader 查看图标消失了

目前没有禁用 Reader 查看您网站的合法方法。 Reader View 应该会自动检测它应该在哪些页面上可用以及在哪些页面上不可用。

如果您的网站有问题,您最好的选择可能是在那里报告:https://github.com/mozilla/readability/issues

您还可以在此处找到有关影响 Reader 在 Firefox 中查看的问题的更多信息:https://wiki.mozilla.org/QA/Reader_view

虽然我不推荐它,但可能有一种方法可以让 Reader View 认为它不应该解析您的网站,如果您真的需要的话。快速查看源代码会发现它不会解析某些类型的文档、某些 URI 和格式错误的 URL。您需要挖掘源代码以了解 how/if 您的网站可以安全地进行调整以避免被解析。 Reader 查看源代码可在此处找到:https://mxr.mozilla.org/mozilla-release/source/toolkit/components/reader/ReaderMode.jsmhttps://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/ReaderMode.jsm

这个问题展示了如何。因此,您必须确保您的网站未针对 Reader 视图进行优化

不要使用适合 Reader 视图等的格式设置选项。

我想这就足够了:

  • 不要使用 <p> 标签
  • 分小部分编写所有文本块

将此代码添加到您的 css 代码中,您就完成了!

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,
audio,video,adnav,adheader{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

将页面中的 p 标签替换为 div 标签。它对我有用,即使我在同一页面上有 div 个带有预标记(预格式化文本)的标记。