3

我正在构建一个移动网站，但我无法让该网站在 4.0、4.1 和 4.2 的 chrome 浏览器和股票浏览器上的各种 android 手机上一致出现。但是当我在运行 ios 5 或 ios6 的 iphone 4s 和 5 上查看同一个网站时，该网站的显示和功能始终如一。

我正在开发的移动网站使用了 CSS3、大量的 javascript 动画、从 fonts.com 导入的字体以及与来自 vimeo.com 的视频的集成。

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

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

同一个网站在操作系统 4.0 及更高版本上的各种 android 浏览器上呈现不一致的情况是否很常见？

4

1 回答 1

2

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

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

我建议减少移动浏览器的美学特征，例如使用常用字体，减少动画（无论如何，其中大部分可能不会增加价值），并修剪一些较重的 CSS3 技巧（转换，动画等），看看这是否能改善这些浏览器的问题。为视频提供某种“嵌入失败”的后备方法（例如链接）可能也是一个好主意。（从完全删除 JavaScript 和高级 CSS 开始，然后慢慢添加内容，直到找到断点，这可能会更容易。）

作为旁注，研究“移动优先”开发原则的概念可能也是值得的，其中包括关注您的内容，然后在浏览器的功能支持它时添加美学（而不是从大处着手和削减东西​​）随着支持的下降而退出）。

于 2013-03-06T16:43:37.503 回答