我正在建立一个移动网站,我无法让网站在Chrome浏览器和股票浏览器上的4.0,4.1和4.2各种Android手机上一致显示。但是当我在iphone 4s和5上查看同一个网站时,运行ios 5或ios6,该网站会出现并且功能一致。
我正在研究的移动网站使用CSS3,大量的javascript动画,fonts.com导入的字体,以及与vimeo.com的视频集成。
以下是我在各种机器人及其浏览器上遇到的问题示例:
同一网站在操作系统4.0及更高版本的各种Android浏览器中呈现不一致是否常见?
答案 0 :(得分:2)
在某种程度上,是的,这很常见。这是因为Android设备在硬件和功能方面不一定一致,尤其是当您开始进入运营商锁定设备时。
在移动设备中,JavaScript和Flash支持可能很粗略(Vimeo可能会预料到这一点并使用HTML5,但你仍然在谈论播放视频,这本身就是资源密集型的)。有些人会支持这些,有些则不支持,有些支持他们可能没有硬件来处理它们。 JavaScript,Flash,自定义字体和视频播放都是资源密集型的,因此您可能会超载设备的功能。
我建议削减移动浏览器的美学功能,例如使用股票字体,减少动画(大多数可能不会增加价值),并削减一些较重的CSS3技巧(转换,动画等),看看这是否会改善这些浏览器的重要性。为视频提供某种“失败的嵌入”后备(如链接)也许是个好主意。 (可能更容易从完全删除JavaScript和高级CSS开始,然后慢慢添加内容直到找到断点。)
作为旁注,也可能值得研究“移动优先”开发原则的概念,其中包括关注您的内容,然后在浏览器的功能支持下添加美学(而不是开始大的随着支持的减少而削减了一切。)