相关疑难解决方法(0)
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实际运行的方式以及网站开发人员如何使用此操作,您能分享吗？或者如果你能找到这些信息的位置,你能否指出我正确的方向 - 因为我无法找到这个.
推荐指数
解决办法
查看次数
优化网站以在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>
我必须将哪些代码段添加到我的网站源代码中,以便我的网站访问者可以看到此图标图标？
推荐指数
解决办法
查看次数
禁止在Chrome上显示简化视图提示或使用简化视图
我有一个网站，如果按照我的设计方式看，它看起来不错。每次我从Android上的Chrome浏览器访问它时，屏幕底部都会提示我“显示简化视图”。如果我单击该提示以简化视图实际查看它，则该站点将仅显示1个新闻项（在页面上应该显示25个），它将删除所有控件（登录，添加新闻项，评论）并滚动不再工作了。还有其他多个问题（标题/图像/文章摘录不匹配，缺少配色方案等）。这仅发生在Google Chrome上，我测试过的其他浏览器都没有。
我看不到其他网站上切换到简化视图的提示。我的偏好是在我的网站上放置一个标记，使其从不显示此提示。我已经在谷歌上搜索了，但是我只找到了有关如何从Chrome打开功能的文章，却没有关于如何从服务器端禁用功能的文章。
我的第二个想法可能是使用这种简化的视图，并使它对想要使用它的人起作用。但是，我已经读到它也阻止了所有广告，并且我的网站仅受广告支持，因此如果我绝对不能阻止该提示出现，那么这是遥不可及的一秒钟。
总结一下：
- 如何防止出现“显示简化视图”提示或
- 失败了，如何设置网站以简化视图工作？
推荐指数
解决办法
查看次数