用于 chrome 模拟设备的 OnePlus 3 和 Oneplus 5 视口大小

Posted

技术标签:

【中文标题】用于 chrome 模拟设备的 OnePlus 3 和 Oneplus 5 视口大小【英文标题】:OnePlus 3 & Oneplus 5 viewport size for chrome Emulated Devices 【发布时间】:2018-10-16 20:48:43 【问题描述】:

我想将 OnePlus 3 和 OnePlus 5 作为自定义设备添加到 Google Chrome 的模拟设备列表中。请提供视口大小,以便我可以用它测试我的网站。

像素 2 显示尺寸示例

提前致谢

【问题讨论】:

【参考方案1】:

我正在寻找同样的东西,我发现了这个: https://www.mydevice.io/

一加5:455x809,像素比例2.375,用户代理Mozilla/5.0 (Linux; android 8.1.0; Build/OPM1.171019.011) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/66.0.3359.158 Mobile Safari/537.36

我没有 OnePlus 3,也没有找到任何相关信息。

【讨论】:

令人讨厌的是,该网站上现在没有列出任何 OnePlus 设备。【参考方案2】:

一加 3 使用 346x535。据我所知,这不是一个标准的,它带来的所有后果。

【讨论】:

【参考方案3】:

一加 3: 412x732,像素比:2.625

【讨论】:

在我的 OnePlus 3 上,我访问了一个确认这些尺寸的网站。我还没有确认像素比例。这是尺寸的screenshot。 似乎不正确,在真实设备和 chrome 中使用提供的设置检查ibb.co/p3j4v0x

以上是关于用于 chrome 模拟设备的 OnePlus 3 和 Oneplus 5 视口大小的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 设备模式模拟媒体查询不起作用

USB 调试不适用于 MK809V Android 棒

OnePlus One 设备中的位置图崩溃

Socket.io 适用于桌面 safari 和 chrome,但不适用于移动设备

OnePlus One(一加1)刷机Kali Nethunter完整教程

使用chrome远程调试设备及调试模拟器设备