有谁知道如何正确实现Kindle Fire Silk Browser阅读视图的CSS类？
在Kindle Fire的6.3更新添加了一个"读书观":
使用Silk上的阅读视图,您感兴趣的内容在阅读优化的单屏幕视图中高于杂乱(即使对于多页文章).整个页面仍然可以在后台使用,您可以轻松切换回传统视图以查看页面上的其他有趣功能.
我查看了我的一个网站并将其<div style="display:none;">作为阅读视图文章,我无法找到有关如何将丝网浏览器指向应该在阅读视图中显示的部分的详细信息.
代码示例:
<?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>
如果我找到任何文件,我会更新.
前端开发人员是否需要对Amazon Silk Browser进行任何特殊考虑,因为它的分离架构和重新调整大小的图像？或者从开发人员的角度来看,它可以被视为另一个webkit浏览器吗？
我有一位客户希望我为Kindle Fire优化他们的移动网站.我已经在iPhone,iPad和Android上进行了开发,但不适用于Android平板电脑,也不适用于Kindle Fire.
我想知道,作为移动网络开发人员,我是否应该做出任何特殊的考虑,或者我应该注意在这个平台上进行Web开发的任何危险信号？
在做了一些研究后,看起来它正在使用Android 2.3,运行名为Amazon Silk的Opera迷你浏览器,并使用名为SPDY的网络协议.发现一篇文章表明我应该为1280×752空间进行设计.
我发现有一篇关于Quora的文章说"丝绸会聚合跟踪用户行为,并会尝试预测可能的下一页(类似于某些浏览器预加载链接的行为 - 只是以更有针对性的方式).然后将内容传递给设备提前." 这给我带来了一点红旗,因为我确实实现了一些服务器端(php)跟踪和登录我的一些网页.我不想在真人没有请求的页面上记录日志.
除此之外,我真的没有看到任何其他需要关注的事情.思考？
我在遗留代码中有一些菜单结构如下:
<div id="show-hide-facets-button">iOS/Touch Browser Popdown Test
<div id="show-hide-facets-dropdown">
<ul>
<li class="show-hide-facets-row" id="item1">Item One</li>
<li class="show-hide-facets-row" id="item2">Item Two</li>
</ul>
</div>
</div>
弹出窗口隐藏,直到悬停:
#show-hide-facets-button {
}
#show-hide-facets-dropdown {
display: none;
}
#show-hide-facets-button:hover #show-hide-facets-dropdown {
display: block;
}
一个jsfiddle在http://jsfiddle.net/brycenesbitt/y3kb7/
请注意,没有锚点或其他可点击元素.在这种情况下,在顶层引入可点击元素的简洁方法是什么,因此鼠标浏览器用户可以继续悬停,但触摸浏览器用户可以通过点击访问菜单项？菜单项全部用jquery激活,触摸浏览器在那里工作正常.