标签: firefox-reader-view

Firefox阅读器视图如何运作

摘要

我正在寻找可以创建网页的标准,并且[相当]确定它将出现在Firefox阅读器视图中,如果用户需要的话.

有些网站有此选项,有些则没有.一些文本较多的文本没有此文本的选项.例如,Stack Overflow仅显示问题而不是Reader View中的任何答案.

我已经将我的Firefox从38.0.1升级到38.0.5并找到了一个名为ReaderView的新功能 - 这是一种覆盖,可以消除"页面混乱"并使文本更易于阅读.Readerview位于地址栏的右侧,作为某些页面上的可点击图标.

这很好,但从编程的角度来看,我想知道"读者观点"是如何工作的,它适用于哪个页面的标准.我已经对Mozilla Firefox网站进行了一些探索,但没有明确的答案(我找到的任何类型的编程答案),我当然用Google搜索/ Binged这个,这只是带有对Firefox插件的引用 - 这不是插件但是新版Firefox的主要部分.

我假设readerview使用HTML5并且会提取<article>内容,但事实并非如此,因为它适用于维基百科,它似乎没有使用<article>或类似的HTML5标签,而是读取视图提取某些<div>s并单独显示它们.此功能适用于某些HTML5页面 - 例如维基百科 - 但不适用于其他HTML5页面.

如果有人知道Firefox ReaderView实际运行的方式以及网站开发人员如何使用此操作,您能分享吗?或者如果你能找到这些信息的位置,你能否指出我正确的方向 - 因为我无法找到这个.

javascript firefox firefox-reader-view

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

优化网站以在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万
查看次数

如何编辑 Firefox 阅读器视图的 CSS/样式

我想在 Firefox 阅读器视图样式中包含我选择的字体。

请告诉我 Firefox 是使用本地 CSS 文件进行样式设置还是位于其他地方?

此外,Firefox 用于阅读器视图的 CSS 文件名是什么,我如何编辑它。

提前致谢!

css firefox styling firefox-reader-view

10
推荐指数
1
解决办法
2293
查看次数

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

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

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

firefox web reader firefox-reader-view

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

标签 统计

firefox ×4

firefox-reader-view ×4

css ×1

javascript ×1

reader ×1

styling ×1

web ×1