问题标签 [firefox-reader-view]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
firefox - 如何从我的网站禁用 Firefox 的阅读器视图?
今天我将我的 Firefox 更新到了最新版本,其中一个重要功能是桌面的阅读器视图。我们两周前推出了一个网上商店,现在有了这个小小的“阅读器视图”图标。当我单击它时,我收到一条错误消息。我的团队负责人希望我在访问此站点时删除此功能。
访问我的网站时,是否可以从 Firefox 中删除或隐藏“阅读器视图”功能?
javascript - 火狐阅读器视图如何操作
概括
如果用户需要,我正在寻找可以创建网页并[相当]确定它会出现在Firefox Reader View中的标准。
有些网站有这个选项,有些没有。与文本少得多的其他人相比,一些文本较多的人没有此选项。例如,堆栈溢出仅在阅读器视图中显示问题而不是任何答案。
问题
我已经将我的 Firefox 从 38.0.1 升级到 38.0.5,并且发现了一个名为 ReaderView 的新功能 - 这是一种消除“页面混乱”并使文本更易于阅读的覆盖。Readerview 位于地址栏的右侧,作为某些页面上的可点击图标。
这很好,但是从编程的角度来看,我想知道“阅读器视图”是如何工作的,它适用于哪些页面的标准。我已经对 Mozilla Firefox 网站进行了一些探索,但没有明确的答案(我发现的所有编程答案都是我发现的),我当然已经用 Google 搜索过/Binged 这个,这只是引用了 Firefox 插件 - 这不是插件而是新 Firefox 版本的主要部分。
我假设 readerview 使用 HTML5 并会提取<article>
内容,但事实并非如此,因为它适用于似乎没有使用<article>
或类似 HTML5 标签的 Wikipedia,而是 readview 提取某些<div>
s 并单独显示它们。此功能适用于某些 HTML5 页面 - 例如维基百科 - 但不适用于其他页面。
如果有人对 Firefox ReaderView 的实际操作以及网站开发人员如何使用此操作有任何想法,您能分享一下吗?或者,如果您可以找到此信息的位置,您能否指出正确的方向 - 因为我无法找到此信息。
firefox - 优化网站以在 Firefox 中显示阅读器视图
Firefox 38.0.5 在地址栏中添加了“阅读器视图”:
但并非所有网站都有此图标,它仅在检测到可读内容页面时出现。那我该怎么做为我的网站启用此功能?
我尝试了媒体打印和打印视图的额外样式表,但这没有效果:
我必须将哪些代码片段添加到我的网站源代码中,以便我网站的访问者可以看到这本书的图标?
firefox-addon - 我的附加界面如何与 Firefox Reader View 一起使用?
我没有在文档中列出的任何 SDK API 中找到对 Reader View 的任何引用。特别是,我想在页面加载时自动进入阅读器视图,只要我的插件中的切换按钮被选中。如何将此消息发送到浏览器?
css - 如何编辑 Firefox 阅读器视图的 CSS / 样式
我想在 Firefox 阅读器视图样式中包含我选择的字体。
请让我知道 Firefox 是使用本地 CSS 文件进行样式设置还是位于其他位置?
此外,Firefox 用于阅读器视图的 CSS 文件名是什么以及如何编辑它。
提前致谢!
firefox-reader-view - 阅读器视图破坏了保护图像免受右键单击的 Javascript
我知道保护图像远非万无一失。但是,客户要求它,所以我在一个旨在防止右键单击保存/下载的站点上安装了 Javascript。
Reader View 似乎同时忽略了 Javascript 和网站的 CSS。我尝试根据规则 .moz-reader-content (Firefox) 添加 {display:none}。我假设所有浏览器都是这种情况。
搜索也没有出现检测读者视图的方法。
有没有人有任何建议或知道这个问题的解决方案?
html - HTML 缩小会扼杀阅读器视图?
我试图让 Safari 的阅读器模式在我正在处理的网站上工作,没有太多关于它的信息,但是当我向上推网站时,我意识到我再也看不到阅读器模式了,因为当我推它时它会自动缩小。
有没有办法让阅读器模式在缩小的 HTML 上工作?
谢谢 :)
javascript - 从站点本身提供与 Firefox 的阅读器视图等效的视图
我想通过将其嵌入到我正在处理的站点中来提供与所有浏览器的 Firefox 阅读器视图非常相似的功能,以便可以通过单击开关或类似的东西来启用它。
我发现Mozilla 的 Readability 存储库将自己描述为:
用于 Firefox Reader View 的可读性库的独立版本。
我将它导入到我的站点中,并添加了一个开关,用从这个库中获得的 HTML 替换主页内容,但它只提供了 Firefox 阅读器视图的一些功能。它剥离了各种非文本元素,只留下了一个简单的文本和图像页面,但它缺少 Firefox 阅读器视图使用的样式,更重要的是它缺少允许用户动态自定义页面/文本样式的浮动工具栏, 或让他们读给他们听。
然后我找到了 Firefox 阅读器视图的源代码,但是将它与我正在开发的网站集成起来似乎至少会相当复杂,如果不进行大量重写的话,如果不是不可能的话。有没有办法在网站中嵌入 Firefox 的阅读器视图?
这不是如何在我的网站上实现 Mozilla readability.js?,因为我已经readability.js
为我正在开发的网站实现了。这是我如何做到这一点的精简示例:
我正在使用Svelte,它负责上面代码中的导入,但我认为这在很大程度上与手头的问题无关。
wordpress - 如何禁用 WordPress 网站的浏览器阅读器视图
我想在我的 wordpress 网站中为所有用户禁用浏览器阅读器视图。我怎样才能做到这一点。/OR/ 如果用户点击浏览器阅读器视图,那么如何重定向到特定页面?