确保现有网页在移动平台上良好显示的最快和最简单的方法是什么？答案

【问题标题】：What are the quickest and easiest ways to ensure existing web pages display well on mobile platforms?确保现有网页在移动平台上良好显示的最快和最简单的方法是什么？
【发布时间】：2010-09-11 03:50:55
【问题描述】：

相关页面包含大量 javascript 和 CSS。移动平台对这些功能的支持程度如何？

是否有浏览器模拟器（或等效工具）来协助测试？

【问题讨论】：

有人应该为移动设备创建一个browsershots...
如果你想用蹩脚的移动 UA 覆盖最大的受众，你不应该使用 Javascript 和 CSS。帮自己一个大忙，至少确保 AJAXy 表单在完全禁用 Javascript 时工作。接下来禁用图像和 CSS 以确保网站有些健全。

标签： javascript css browser mobile

【解决方案1】：

Opera 可以选择通过移动设备查看页面。过去我发现它很有用。

【讨论】：

查看->小屏激活Opera手机模式

【解决方案2】：

我可以告诉你，iPhone 上的Apple's Mobile Safari 完美地渲染了 Stack Overflow，我觉得这很神奇。

这是一个面向程序员而非普通用户的网站，因此我们接受了很多 JavaScript 依赖项。

我真希望更多的移动设备拥有像 Mobile Safari 一样强大的浏览器。我也听说了 Opera Mini 的好消息。

【讨论】：

【解决方案3】：

一个例子：我的 BlackBerry 8130 (Pearl) 上的标准 BlackBerry 浏览器在加载我的主页时似乎忽略了 CSS 和 JavaScript。

我还在这个设备上安装了 Opera Mobile，它呈现 CSS，但不呈现我的 jQuery 悬停效果。它确实了解一些 jQuery - 例如，我有一个表单验证，如果验证失败，它会执行 show() 错误消息。这在 Opera 中有效，虽然没有动画效果。

对于移动浏览器来说，最安全的做法是设计可以在没有 JS 或 CSS 的情况下优雅降级的页面。这是否值得努力取决于您。

几年后，希望唯一的渲染差异将是手机的屏幕尺寸限制。

【讨论】：

【解决方案4】：

您可以在 Java WTK 等模拟器上安装 Opera Mini，并在 PC 上测试移动渲染。一个缺点是 Opera Mini 仍然通过代理工作，因此无法调试本地文件/站点 - 您必须将站点上传到全球可访问的服务器。

用谷歌搜索一下。

【讨论】：

【解决方案5】：

这完全取决于手机。如果您想支持现有的每一个设备，甚至不用担心 CSS 或 JavaScript，因为它们在 99% 的设备上都不会工作（或者会做一些完全非标准的事情）。如果您只针对高端设备，例如 iPhone 或最新的 Series 60 Nokias，您应该能够摆脱有限的 JS 和 CSS。

我知道的一些浏览器模拟器：

Openwave。
Nokia tools

还有更多的制造商根本没有任何工具（我敢于尝试为 LG 寻找开发者网站），因此如果您想确保该网站出现，您需要访问实体手机应该的。

DeviceAnywhere 是一个极好的工具，如果你有钱的话。大约一年半前我最后一次使用它时非常滞后。此外，它是纯 Java，因此在任何机器上都是狗。但它可以说是目前最好的移动开发工具，相信我，我已经尝试了很多。

【讨论】：

Android sdk 还带有一个模拟器。我用它来测试移动 webkit 的外观。

【解决方案6】：

操作系统 4.5 或更早版本的黑莓设备不能很好地处理 Javascript 或 CSS，如果有的话。 OS 4.6 及更高版本（Bold、Pearl Flip、Storm 等）的设备配备了一个新的渲染引擎，它对 Javascript、DOM 和 CSS 有更好的支持。它并不完美，但它应该可以很好地呈现大多数页面。您可以从他们的开发者网站下载这些设备的 BlackBerry 模拟器并进行试用。由于它运行的代码与实际设备上的代码相同，因此可以很好地代表您可以在设备上看到的内容。

【讨论】：