iOS 5中Mobile Safari的Reader功能如何工作?如何在我的网站上启用它.如何告诉我页面上的哪些内容是触发此功能的文章?
摘要
我正在寻找可以创建网页的标准,并且[相当]确定它将出现在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实际运行的方式以及网站开发人员如何使用此操作,您能分享吗?或者如果你能找到这些信息的位置,你能否指出我正确的方向 - 因为我无法找到这个.
https://github.com/mozilla/readability(readability.js用于为网页创建阅读视图)
我怎样才能在这个测试网页上实现 readability.js 问题是,readability.js 删除了这个网站的元素,我想保留并留下那些应该删除的元素。我希望有一个人可以帮助我。谢谢!有没有关于如何使用 readability.js 的文档?
<html><head>
<title>Reader View shows only the browser in reader view</title>
<script src="https://raw.githack.com/mozilla/readability/master/Readability.js"></script>
</head>
<body>
Everything outside the main div tag vanishes in Reader View<br>
<img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
<div>
<h1>H1 tags outside ot a p tag are hidden in reader view</h1>
<img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+is resized+in+print+view">
<p>
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
123456789 123456
</p>
</div>
</body>
<script>
var article = new Readability(document).parse();
</script>
</html>
Run Code Online (Sandbox Code Playgroud)
测试页面来源:优化网站以在Firefox中显示阅读器视图
今天我将我的firefox更新到最新版本,其中一个重要功能是桌面阅读器视图.我们两周前推出了一个网店,现在有一个小小的"读者视图"图标.当我点击它时,我收到一条错误消息.我的团队负责人希望我在访问此网站时删除此功能.
是否可以在访问我的网站时从Firefox中删除或隐藏"阅读器视图"功能?