google-chrome - 我可以在多大程度上信任谷歌浏览器模拟器?

标签 google-chrome emulation google-chrome-devtools

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

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

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

最佳答案

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 版本和您的其他浏览器在某个功能上不匹配,您就可以预期不匹配的“仿真”。 (但共享相同支持的浏览器也总是在规范未完全定义的方面存在细微差别。)

关于google-chrome - 我可以在多大程度上信任谷歌浏览器模拟器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22926050/

相关文章:

google-chrome - 如何在 Android 版 Chrome 中强制硬重新加载

python - Chrome : API for performance data

html - 为什么 background-image 不像 background-color 那样扩展到 webkit 中的过度滚动?

java - session 未创建异常 : session not created: This version of ChromeDriver only supports Chrome version 77 using Selenium ChromeDriver

javascript - Chrome 扩展程序 : Insert text into textfield when clicking button in pop-up

Android:使用 Eclipse 中的模拟器进行调试时出现问题

javascript - Chrome 开发工具中的非事件断点

javascript - Promise 的错误处理程序中的错误丢失

c++ - 应使用哪种类型的设计模式来创建仿真器?

c# - 使用 touchDown 在 Datagrid 中模拟双击事件