相关疑难解决方法(0)

优化网站以在Firefox中显示读者视图

Firefox 38.0.5在地址栏中添加了"Reader View":

在此输入图像描述

但并非所有网站都会显示此图标,只有在检测到可读内容页面时才会显示.那么如何为我的网站启用此功能呢?

我尝试了介质打印和打印视图的额外样式表,但这没有效果:

<html>
<head>
<style>
  @media print { /* no effect: */
    .no-print { display:none; }
  }
</style>
<!-- no effect either:
<link rel="stylesheet" href="print.css" media="print"><!--  -->
</head><body>
<h1>Some Title</h1>
<img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
<br><br><br>This is the only text
</body></html>
Run Code Online (Sandbox Code Playgroud)

我必须将哪些代码段添加到我的网站源代码中,以便我的网站访问者可以看到此图标图标

firefox firefox-reader-view

25
推荐指数
2
解决办法
2万
查看次数

如何为阅读模式创建网页?

我该怎么做才能利用浏览器中的阅读模式来呈现网页的简化、清晰版本?

我已经使用 Google 寻找有关如何对页面进行编码或以其他方式设置读取模式的信息,但我什么也没找到?是否有文档或网页解释阅读模式以及如何设置可以利用它的页面?

西蒙·T

html css

6
推荐指数
2
解决办法
5878
查看次数

如何通过CSS或Javascript默认设置为浏览器“阅读器视图”模式?

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

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

PS。触发“阅读器视图”图标时,我不需要信息-我想在屏幕宽度小于480px的移动设备上强制使用“阅读器视图”模式。此外,Reader View模式也可以在其他浏览器中使用(不仅在Firefox中)。

html javascript css

5
推荐指数
1
解决办法
2378
查看次数

如何从我的网站禁用firefox的阅读器视图?

今天我将我的firefox更新到最新版本,其中一个重要功能是桌面阅读器视图.我们两周前推出了一个网店,现在有一个小小的"读者视图"图标.当我点击它时,我收到一条错误消息.我的团队负责人希望我在访问此网站时删除此功能.

是否可以在访问我的网站时从Firefox中删除或隐藏"阅读器视图"功能?

firefox web reader firefox-reader-view

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

firefox ×2

firefox-reader-view ×2

html ×2

javascript ×1

reader ×1

web ×1