jQuery Mobile 适用于桌面和移动设备

Question

jQuery Mobile支持哪些桌面浏览器？
我能否在jQuery Mobile上开发适用于桌面和移动设备的单一界面？
你认为具有这种界面的Web应用程序对桌面用户来说可用性如何？

所以，支持PC浏览器:

• Chrome 10+
• Firefox 3.6+
• Opera 11
• IE 7+

- Stan

Answer 1

在我的测试中，在FireFox 3.6及以上版本和Chrome 10及以上版本中都能正常工作，但并非所有效果（如页面转换）都能正常工作。在IE8中看起来很糟糕。

- DMurph11

---

谢谢。我尝试了Chrome 10，Firefox 3.6和Opera 11，它可以正常工作。但在我的电脑上，IE8或IE9无法运行。 - Stan

你能解释一下你是如何让IE显示页面的吗？（即使很糟糕） - Stan

通过在IE8中打开它，您应该可以获得一个页面来呈现，但它将没有样式。它只会看起来像一个普通的HTML页面。 - DMurph11

Answer 2

jQuery Mobile似乎没有积极确保其能够在任何特定的桌面浏览器上运行，就像它确保其在特定移动浏览器上工作一样。因此，您将无法确定下一个jQuery Mobile版本是否已经在桌面浏览器上进行了严格测试。为确保它适用于您想要的桌面浏览器，您将需要自行测试。

话虽如此，从我的经验来看，它倾向于在我尝试过的任何最新的桌面浏览器上都表现良好。这并不令人惊讶，因为桌面浏览器非常成熟，并具有快速处理器和大量内存的额外优势。由于使用的常见桌面浏览器很少，因此每隔一段时间在所有这些浏览器上测试您的应用程序不应该太困难。

- Spike

---

我同意你的观点。但是我在家有台装有Ubuntu的PC和笔记本电脑，所以我已经在Chrome和Firefox上测试了jQuery Mobile。我正在等待周一去上班并在IE上测试它。 - Stan

是的，IE是我最担心的浏览器...祝你好运！ - Spike

哦！当然IE不会在jQuery Mobile上显示页面！我讨厌它！ - Stan

当时......你是在哪个版本的IE上测试的？ - Spike

在IE8和IE9中有相同的输出：无样式列表，没有页面转换，什么也没有。 - Stan

真糟糕...现在他们正在针对Windows Mobile 7的支持进行测试版发布，所以也许该操作系统上的浏览器与IE8/IE9有足够的相似之处，你的应用程序就会神奇地开始工作。 - Spike

Answer 3

• 已在OS X 10.6.7和Windows 7上测试，适用于Chrome桌面版本11-13
• 已在OS X 10.6.7和Windows 7上测试，适用于Firefox桌面版本3.6-4.0
• 已在Windows XP，Vista和7上测试（存在轻微的CSS问题），适用于Internet Explorer版本7-9
• 已在OS X 10.6.7和Windows 7上测试，适用于Opera桌面版本10-11

完整列表请查看此处：http://jquerymobile.com/demos/1.0rc1/docs/about/platforms.html

- allen.machary

Answer 4

那些在IE等浏览器中无法正确渲染jqm“页面”的人，应该尝试在他们ajax的页面上内联复制相关样式。不确定为什么这样可以解决问题，但在很多情况下似乎有帮助。如果允许直接链接到这些页面，他们总之需要以某种形式这样做。

也许不同的浏览器具有不同的特异性规则或类似的东西。

至于关于在移动和桌面端同时使用jqm的原始问题，我认为这是个好主意，现在正在朝着这个方向努力，但在基本定位方面遇到了问题（主要是在Google地图div在桌面端完美工作而在移动端不行，或者在移动端完美工作而在桌面端不行）。如果您确实尝试了这些事情，我建议避免使用单独的内联“页面”和ajax“页面”。我想这样做是为了更好地预加载一些数据，但我想那就是我遇到麻烦的地方。

为了在移动和桌面端都看起来漂亮，似乎可以使用一些简单的样式表使其工作得相当不错，但并非所有网站都适合进行这样的重排，需要做出一些妥协。

- Michael Hussey