用于 chrome 模拟设备的 Oneplus 6 视口大小答案

【问题标题】：Oneplus 6 viewport size for chrome Emulated Devices用于 chrome 模拟设备的 Oneplus 6 视口大小
【发布时间】：2019-01-27 17:38:23
【问题描述】：

我想将 OnePlus 6 作为自定义设备添加到 Google Chrome 的模拟设备列表中，但我找不到：

设备像素比
用户代理字符串

【问题讨论】：

标签： android google-chrome google-chrome-devtools web-testing

【解决方案1】：

欲了解更多信息，您可以查看this page。

根据那个页面：

宽x高：568x320

设备像素比：2.6252

不过，对于用户代理，他们列出了很多。我使用的是：

用户代理字符串：Mozilla/5.0 (Linux; Android 9; ONEPLUS A6000 Build/PKQ1.180716.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) 版本/4.0 Chrome/70.0.3538.64 Mobile Safari/537.36

【讨论】：

嗨，@Javier 感谢您的回答。只需一个查询。在您提供提到的尺寸的链接中，有“显示 css 屏幕尺寸 - 568x320”。我不知道它是不是变了还是什么，但你提到的尺寸为 414x736 (736x414)。

【解决方案2】：

使用此详细信息

宽x高：412x869

设备像素比：1.00

用户代理字符串：Mozilla/5.0 (Linux; Android 9; ONEPLUS A6000 构建/PKQ1.180716.001； wv) AppleWebKit/537.36 (KHTML, 像 Gecko) 版本/4.0 Chrome/70.0.3538.64 移动版Safari/537.36

【讨论】：

我的 Chrome 浏览器也是这么说的（whatismyscreenresolution.net）。但是 Firefox Mobile 显示 414 x 844 点。
Chrome 也是如此，但实际上由于返回、主页和应用程序按钮，我的设备上并非所有垂直高度都可用。