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

Question

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

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

Answer 1

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

Answer 2

我可以告诉你 苹果手机 Safari 在 iPhone 上呈现 Stack Overflow 完美, ，我觉得相当神奇。

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

我确实希望更多的移动设备拥有像 Mobile Safari 这样强大的浏览器。我听到一些好消息 迷你歌剧院 以及。

Answer 3

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

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

对于移动浏览器来说，最安全的做法是设计无需 JS 或 CSS 即可优雅降级的页面. 。这是否值得付出努力取决于您。

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

Answer 4

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

只需谷歌一下即可。

Answer 5

这完全取决于手机。如果您想支持市面上的每一种设备，甚至不必费心使用 CSS 或 JavaScript，因为它们都无法在 99% 的设备上工作（或者会执行完全非标准的操作）。如果您只针对高端设备，例如 iPhone 或最新的 Series 60 Nokia，那么您应该能够摆脱有限的 JS 和 CSS。

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

• 开放波.
• 诺基亚工具

还有更多制造商根本没有任何工具（我敢说您可以尝试找到 LG 的开发人员网站），因此如果您想确保该网站按预期显示，您需要访问物理手机。

随处设备 如果您有足够的现金，这是一个极好的工具。大约一年半前，我最后一次使用它时，它非常滞后。而且它是纯Java，所以在任何机器上都是狗。但它可以说是现有的最好的移动开发工具，相信我，我已经尝试过 很多.

Answer 6

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