我可以在多大程度上信任谷歌浏览器模拟器？

Question

以前，我使用google chrome 仿真选项卡来验证我的 HTML/JS 页面在各种设备中是否正确呈现。最近当我拿到 ipad 并开始检查它时，我发现页面在真实设备上的实际外观与 chrome 模拟器明显不同（这并不让我感到惊讶）。

我确实知道在 Chrome 模拟器和大多数模拟器中无法将设备模拟到 100%。我的问题是我可以在多大程度上信任 google chrome 模拟器选项卡？

请注意，我不是在寻找像“使用真实设备，而不是模拟器”这样的单线，我也不是在寻找诸如浏览器堆栈之类的特定服务的建议。我正在寻找已经对不同设备进行 UI/JS 验证的人的见解，并且可以分享何时适用于使用 chrome 模拟器以及何时会失败，最好使用本机模拟器甚至是真实设备。

Answer 1

Chrome 设备模拟器仅将 chrome 设置为匹配这些基本设备规格：

屏幕尺寸、像素比、触摸支持、用户代理字符串

它不会专门模拟设备上存在的实际浏览器。例如，如果您发现 OsX 桌面上的 Chrome 和 Safari 之间存在差异，则可以预期 Chrome“模拟 iPad”将继续像 Chrome 一样运行，而真正的 iPad 更有可能像 Safari 一样运行。

对于 iPad 来说，即使是一个简单的页面也可能会暴露出很多差异；这些是长期分离的 webkit 分支，具有单独的化妆品，例如 useragent 内置 CSS。但即使是 Android 设备（5.0 之前的版本）也有一个内置浏览器，该浏览器具有针对移动设备进行的最小化调整、供应商的自定义以及某些旧版本的 chrome webkit。

像caniuse.com这样的网站显示浏览器之间对不同功能的支持存在差异，因此只要您的 Chrome 版本和其他浏览器在某个功能上不匹配，您就可能会出现不匹配的“模拟”。（但是共享相同支持的浏览器在规范未完全定义的方面也可能始终存在细微的差异。）