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

Posted 2023-03-31

【中文标题】适用于桌面和移动设备的 jQuery Mobile

【英文标题】：jQuery Mobile for desktop and mobile

【发布时间】：2011-03-25 22:35:45

【问题描述】：

桌面 jQuery Mobile 支持哪些浏览器？ 我可以在桌面和移动端的 jQuery Mobile 上开发单一界面吗？ 您如何看待具有此类界面的桌面用户 Web 应用程序？我的意思是可用性。

所以支持的PC浏览器：

Chrome 10+ 火狐3.6+ 歌剧 11 IE 7+

【参考方案1】：

在我的测试中，它适用于 FireFox 3.6 及更高版本和 Chrome 10 及更高版本。不过，并非所有效果（例如页面转换）都有效。

在 IE8 中看起来很糟糕。

【讨论】：

谢谢。我尝试了 Chrome 10、Firefox 3.6 和 Opera 11，它可以工作。它不适用于我电脑上的 IE8 或 IE9。

你能解释一下你是如何让 IE 显示页面的吗？（甚至很糟糕）

通过在 IE8 中打开它，您应该会得到一个要呈现的页面，但它没有样式。它看起来就像一个普通的 html 页面。

【参考方案2】：

jQuery Mobile 似乎并没有主动确保它可以在任何特定的桌面浏览器上运行，就像它确保它可以在特定的移动浏览器上运行一样。正因为如此，您将无法安全地知道下一个 jQuery Mobile 版本已经在桌面浏览器上进行了严格测试。为确保它适用于您想要的桌面浏览器，您必须自行对其进行测试。

话虽如此，从经验来看，它在我尝试过的任何最新的桌面浏览器上都能正常运行。这并不令人意外，因为桌面浏览器非常成熟，并且具有访问快速处理器和大量内存的额外优势。由于市面上常用的桌面浏览器很少，因此不时在所有这些浏览器上测试您的应用应该不会太难。

【讨论】：

我同意你的看法。但是我家里有 ubuntu 的电脑和笔记本，所以我已经在 chrome 和 firefox 上测试了 jquery mobile。我正在等待周一上班并在 ie 上进行测试。

是的，IE 是我最担心的一个...祝你好运！

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

当...你在哪个版本的IE上测试过？

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

【参考方案3】：

Chrome 桌面 11-13 - 在 OS X 10.6.7 和 Windows 7 上测试 Firefox 桌面版 3.6-4.0 - 在 OS X 10.6.7 和 Windows 7 上测试 Internet Explorer 7-9 - 在 Windows XP、Vista 和 7 上测试（次要 CSS 问题） Opera Desktop 10-11 - 在 OS X 10.6.7 和 Windows 7 上测试

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

【参考方案4】：

那些在 IE 等中遇到 jqm 无法正确设置“页面”样式的问题的人应该尝试在他们正在使用 ajax 的页面上内联复制有问题的样式。不知道为什么会这样，但它似乎有助于很多这样的情况。如果您允许直接链接到这些页面，他们无论如何都需要以某种形式这样做。

可能不同的浏览器有不同的特异性规则之类的。

关于在移动设备和桌面设备上使用 jqm 的原始问题，我认为这是一个好主意，并且正在朝着这个目标努力，但遇到了基本定位问题（主要是谷歌地图 div 工作完美地在桌面而不是移动，或移动而不是桌面）。如果您确实尝试过这样的事情，我会避免使用单独的内联“页面”和 ajax“页面”。我想这样做是为了更好地预加载一些数据，但我认为这就是我遇到麻烦的地方。

为了让它在移动设备和桌面设备上看起来都很好，看起来你可以通过一些简单的样式表让它工作得很好，但并不是所有的网站都适合这样的重排而不做一些妥协。