javascript - 如何通过 CSS 或 Javascript 默认浏览器 'Reader View' 模式?

标签 javascript html css

所有现代网络浏览器现在都提供“阅读器 View ”模式。是否可以通过 CSS 和/或 Javascript 告诉浏览器在屏幕宽度不超过 480 像素的移动设备上自动使用“阅读器 View ”版本?

我只是不想创建网站的移动版本,因为“阅读器 View ”版本在移动设备(屏幕宽度为 320px-480px)上运行完美。

附言。我不是在触发阅读器 View 图标时查找信息 - 我想在屏幕宽度小于 480 像素的移动设备上强制使用阅读器 View 模式。此外,Reader View 模式在其他浏览器中也可用(不仅在 Firefox 中)。

最佳答案

Reader 模式的 URL 是:about:reader?url=https%3A%2F%2F...。 url 参数必须经过 URL 编码。

我尝试将页面位置更改为该 URL,但使用 Firefox 68.0.1 时出现访问被拒绝错误。

我也试过创建一个链接,它没有错误地失败了。 Mozilla 似乎不愿意提供访问权限。

相反,您可以重用其使用 Readability 的实现.要仅在移动设备上运行它,您可以检查这些问题:

关于javascript - 如何通过 CSS 或 Javascript 默认浏览器 'Reader View' 模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31353180/

相关文章:

用于自由形式绘图的javascript库

javascript - 脚本标签不在 HTML 文件中执行,但在新文件中执行?

javascript - Angular 教程;无法从javascript读取

Javascript:按类名查找标签中元素的值

javascript - 注释嵌套参数

javascript - child 的 child Javascript DOM

jQuery:检查元素样式是否已被删除

javascript - jQuery/javaScript 中的 Safari 浏览器问题

css - 在 td 内滚动一个 div

html - 让 div 换行