相关疑难解决方法(0)

如何在我的网站上启用iOS 5 Safari Reader?

iOS 5中Mobile Safari的Reader功能如何工作?如何在我的网站上启用它.如何告诉我页面上的哪些内容是触发此功能的文章?

safari mobile-safari ios5

75
推荐指数
4
解决办法
4万
查看次数

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万
查看次数

如何在我的网站上实现 Mozilla readability.js?

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中显示阅读器视图

html javascript mozilla readability

5
推荐指数
2
解决办法
1290
查看次数

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

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

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

firefox web reader firefox-reader-view

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