如何默认为浏览器';阅读器视图';通过CSS或Javascript的模式?

如何默认为浏览器';阅读器视图';通过CSS或Javascript的模式?,javascript,html,css,Javascript,Html,Css,现在,所有现代网络浏览器都有一个“阅读器视图”模式。是否可以通过CSS和/或Javascript告诉浏览器在屏幕宽度高达480px的移动设备上自动使用“Reader View”版本 我只是不想创建该站点的移动版本,因为“Reader View”版本在移动设备(屏幕宽度为320px-480px)上工作得非常好 另外,当读卡器视图图标被触发时,我并不是在寻找信息——我想在屏幕宽度小于480px的移动设备上强制使用读卡器视图模式。此外,阅读器查看模式在其他浏览器中也可用(不仅在Firefox中)。阅读

现在,所有现代网络浏览器都有一个“阅读器视图”模式。是否可以通过CSS和/或Javascript告诉浏览器在屏幕宽度高达480px的移动设备上自动使用“Reader View”版本

我只是不想创建该站点的移动版本,因为“Reader View”版本在移动设备(屏幕宽度为320px-480px)上工作得非常好


另外,当读卡器视图图标被触发时,我并不是在寻找信息——我想在屏幕宽度小于480px的移动设备上强制使用读卡器视图模式。此外,阅读器查看模式在其他浏览器中也可用(不仅在Firefox中)。

阅读器模式的URL是:
about:Reader?URL=https%3A%2F%2F…
。url参数必须是url编码的

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

我还试图创建一个链接,但没有出错。Mozilla似乎不愿意访问它

相反,您可以重用它们使用的实现。要仅在手机上运行,您可以检查以下问题:

  • -特别是这个答案

Chrome可能的副本还没有读卡器视图;它只在开发者版本(45)中。目前稳定的版本是43。IE11仅支持Windows 8.1中的读卡器视图。因此,对于大多数人来说,只有Firefox和Safari拥有它。(PS-触发浏览器使用阅读器视图需要知道它是如何触发的)。阅读器视图/模式没有官方规范;每个浏览器实现它的方式完全不同,因此它可能介于彻底的噩梦和不可能实现之间。以下是Mozilla的实现:以下是相关的Chrome问题:不幸的是,在Chrome上为“低功耗”(阅读:移动)用户禁用它存在一个问题:因此,这个请求可能最终成为Chrome的白日梦。