以前我使用google chrome emulation tab验证我的HTML / JS页面在各种设备中正确呈现。最近,当我拿到ipad并开始检查它时,我发现页面在真实设备上的显示方式与Chrome模拟器明显不同(这并不让我感到惊讶)。
我明白在Chrome模拟器和大多数模拟器中无法将设备模仿到100%。我的问题是我可以在多大程度上信任谷歌浏览器模拟器选项卡?
请注意,我不是在寻找像#34;使用真实设备,而不是模拟器"等oneliners,我也不是在寻找像browserstack这样的特定服务的建议。我正在寻找已经拥有一些使用不同设备的UI / JS验证经验的人们的见解,并且可以分享什么时候它适用于使用chrome模拟器,什么时候可以失败,最好使用本机模拟器甚至真实设备。
答案 0 :(得分:3)
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网络套件。
caniuse.com等网站在浏览器之间的不同功能方面存在差异,因此,只要您的Chrome版本和其他浏览器在某项功能上不匹配,您就会遇到不匹配的问题"仿真" 。 (但是,在不完全由规范定义的方面,共享相同支持的浏览器也总是略有不同。)