网站在现代Android浏览器中的渲染方式是否常见?

时间:2013-03-06 16:29:11

标签: android html css3

我正在建立一个移动网站,我无法让网站在Chrome浏览器和股票浏览器上的4.0,4.1和4.2各种Android手机上一致显示。但是当我在iphone 4s和5上查看同一个网站时,运行ios 5或ios6,该网站会出现并且功能一致。

我正在研究的移动网站使用CSS3,大量的javascript动画,fonts.com导入的字体,以及与vimeo.com的视频集成。

以下是我在各种机器人及其浏览器上遇到的问题示例:

  • 人1 - GS3 - Android 4.0 - 股票浏览器 - 网站总是崩溃
  • 人1 - GS3 - Android 4.0 - Chrome浏览器 - 该网站效果很好,除了一些字体没有出现
  • 人2 - Galaxy Nexus - Android 4.2 - 股票浏览器 - 效果很好
  • Person 2 - Galaxy Nexus - Android 4.2 - Chrome浏览器 - vimeo视频无法播放
  • 人3 - Galaxy Note - Android 4.0 - 股票浏览器 - 一切都很棒
  • 人4 - 三星Galaxy - Android 4.1 - 股票浏览器 - 网站不断崩溃

同一网站在操作系统4.0及更高版本的各种Android浏览器中呈现不一致是否常见?

1 个答案:

答案 0 :(得分:2)

在某种程度上,是的,这很常见。这是因为Android设备在硬件和功能方面不一定一致,尤其是当您开始进入运营商锁定设备时。

在移动设备中,JavaScript和Flash支持可能很粗略(Vimeo可能会预料到这一点并使用HTML5,但你仍然在谈论播放视频,这本身就是资源密集型的)。有些人会支持这些,有些则不支持,有些支持他们可能没有硬件来处理它们。 JavaScript,Flash,自定义字体和视频播放都是资源密集型的,因此您可能会超载设备的功能。

我建议削减移动浏览器的美学功能,例如使用股票字体,减少动画(大多数可能不会增加价值),并削减一些较重的CSS3技巧(转换,动画等),看看这是否会改善这些浏览器的重要性。为视频提供某种“失败的嵌入”后备(如链接)也许是个好主意。 (可能更容易从完全删除JavaScript和高级CSS开始,然后慢慢添加内容直到找到断点。)

作为旁注,也可能值得研究“移动优先”开发原则的概念,其中包括关注您的内容,然后在浏览器的功能支持下添加美学(而不是开始大的随着支持的减少而削减了一切。)