【问题标题】:To what extent can I trust google chrome emulator?我可以在多大程度上信任谷歌浏览器模拟器?
【发布时间】:2015-03-16 07:11:44
【问题描述】:

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

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

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

【问题讨论】:

  • 我一直使用模拟器,然后我只信任设备和本地浏览器安装。什么时候重要?对我来说,在它交给客户之前。在它上线之前。开发人员不断查看设备需要花费太多时间,但是一旦您认为设备已准备好进行设备测试,就可以合理地投入额外的时间。是的,您可能会在细微调整中浪费一些时间,但绝不会意味着您正在彻底重做任何事情。

标签: google-chrome emulation google-chrome-devtools


【解决方案1】:

chrome 设备模拟器仅设置 chrome 以匹配这些基本设备规范:

screen dimensions, pixel ratio, touch support, user agent string

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

对于 iPad,即使是一个简单的页面也可能暴露出很多差异;这些是长期分离的 webkit 分支,带有单独的化妆品,例如 useragent 内置 CSS。但即使是 Android 设备(5.0 之前)也有内置浏览器,其中包含针对移动设备调整的最小化、供应商的自定义以及一些旧版本的 chrome 的 webkit。

caniuse.com 这样的网站在浏览器之间对不同功能的支持存在差异,因此,只要您的 chrome 版本和您的其他浏览器在某个功能上不匹配,您就可能会遇到不匹配的“仿真”。 (但共享相同支持的浏览器也总是在规范未完全定义的方面存在细微差别。)

【讨论】:

  • 好点,但我们是否有任何其他模拟器可以为我们提供与真实设备相同的结果
  • @HidaytRahman 取决于您的桌面设备。 Android Studio 在大多数平台上都是免费的,而 Xcode 在 OsX 上可用。除了感觉和性能的某些方面之外,两者都有相当准确的模拟器,或者至少比 chrome 的模拟器准确得多。
  • 安装 android studio 只是为了测试 web 应用程序不是一个好主意
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-05
  • 2012-09-10
  • 2016-04-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多