>有谁知道如何正确地为Kindle Fire Silk浏览器阅读视图嵌入CSS类?
Kindle Fire 6.3更新增加了一个"阅读视图":
借助 Silk 上的阅读视图,您感兴趣的内容将在阅读优化的单屏幕视图中提升到杂乱无章的内容之上(即使对于多页文章也是如此)。整个页面仍然在后台可用,允许您轻松切换回传统视图以查看页面上的其他有趣功能。
我检查了我的一个网站,它呈现了一个<div style="display:none;">
作为阅读视图文章,但我无法找到有关如何将 silk 浏览器定向到应在阅读视图中显示的部分的详细信息。
代码示例:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
<head>
<title>Title</title>
</head>
<body>
<div id='content'>
//important article here
</div>
<div id='sidebar'>
//less important menu here
</div>
<div style='display:none;'>
//lightbox HTML here, not important on mobile devices
</div>
</body>
</html>
如果我找到任何文档,我会更新。
我在Kindle Fire Silk浏览器上没有任何经验,但我知道iPhone具有基于语义HTML而不是CSS的阅读器功能。如果您使用语义布局,例如
<h1>header</h1>
<h2>some text</h2>
<p>a paragraph</p>
然后,读取器函数将适当地显示这一点。同样重要的是要注意CSS样式被禁用,视觉布局是旨在提高可读性的设备的标准。我不确定如果不在操作系统中对此进行硬编码,您是否可以直接影响此视图的样式。
一个快速而肮脏的解决方案是添加读者不应该通过javascript或jQuery显示(或说出)的元素
尝试使用媒体查询,Kindle 看起来可能与网站的打印版本相同,因此,如果您为打印和标准屏幕创建媒体查询,那么它可能会起作用。