jquery - 在 jQuery Mobile 网络应用程序中控制 CSS 时遇到问题

Question

我缺乏设计移动 HTML5 网络应用程序样式的经验。 在我的浏览器上一切看起来都很好，但由于我无法以某种方式模拟不同设备的真实行为，所以在我在我的手机上实际测试之前我无法真正了解每个设备的真实行为。 这真的打乱了我正确控制 CSS 的方式，我觉得我浪费了很多时间。

1. 有没有什么好的方法可以在浏览器上模拟一些设备？注意:我试过金丝雀，但效果不佳。

2. 我现在想做的是创建两个简单的 DIV，每个都是屏幕高度的 50%，每个都包含一个背景图像。无论我在做什么，背景总是一团糟。

谁能为这些问题提供解决方案/解释？

Answer 1

看看MITE ，由 Keynote 制作的移动模拟器。您可以下载他们的免费版本并将其用于模拟各种移动设备和平台，并且会经常更新到新设备。您甚至可以从每个平台中选择要测试的设备。

虽然 Chrome、FireFox、IE 11 和其他浏览器确实支持测试可用于模拟的响应式布局和设置，但我发现 MITE 是在模拟移动设备上测试网站的绝佳工具，它是根据我的经验，MITE 是一种比现代浏览器附带的仿真支持更有效的工具。我公司的 QA 团队每天都使用这个工具。