Html 如何在chrome emulator中测试motorola g中的站点?
我正在chrome的所有移动模拟器中测试我的站点 这里moto g模拟器不可用。我的测试团队正在moto g中讨论这个问题。有人能帮我测试一下摩托罗拉吗 提前感谢。“emulator”唯一做的事情就是模拟屏幕分辨率和像素尺寸 自定义屏幕设置: 单击这些值并进行调整。Moto G的分辨率为720 x 1280像素,并将像素尺寸设置为2或3 自定义设备 如果发现边缘盒或壁龛设备,可以添加自定义设备。只需执行以下操作:Html 如何在chrome emulator中测试motorola g中的站点?,html,css,testing,cross-browser,Html,Css,Testing,Cross Browser,我正在chrome的所有移动模拟器中测试我的站点 这里moto g模拟器不可用。我的测试团队正在moto g中讨论这个问题。有人能帮我测试一下摩托罗拉吗 提前感谢。“emulator”唯一做的事情就是模拟屏幕分辨率和像素尺寸 自定义屏幕设置: 单击这些值并进行调整。Moto G的分辨率为720 x 1280像素,并将像素尺寸设置为2或3 自定义设备 如果发现边缘盒或壁龛设备,可以添加自定义设备。只需执行以下操作: 转到DevTools设置 激活“设备”选项卡 单击面板底部的“添加自定义设备”
- 设备硬件
- 浏览器用户界面
- 浏览器功能
- 应用缓存
希望这会有帮助。我认为Mibit的说法不太正确。虽然Moto G的屏幕分辨率可能为720 x 1280,但网站不会以该分辨率显示 CSS规范定义了所谓的参考像素,它允许具有高密度显示器的设备以与具有较低像素密度的显示器相似的大小显示相同的内容。参考像素用于所有CSS和网站渲染,并确定视口大小 例如,MotoG3的视口大小为360x640。设备像素比为2,这意味着web看到的每个css像素实际上是2个物理屏幕像素宽,或者由4个物理像素表示。这就是为什么chrome模拟MotoG3的正确模拟器设置为: 屏幕大小:
360x640px
设备像素比率:2
用户代理(可能因浏览器而异):Mozilla/5.0(Linux;Android 6.0.1;XT1540构建/MMB29U)AppleWebKit/537.36(KHTML,如Gecko)Chrome/51.0.2704.81 Mobile Safari/537.36
为了显示在emulator中使用物理屏幕分辨率和参考像素分辨率之间的差异,以下屏幕截图显示了google在这两种配置中的外观:
您可以清楚地看到,使用360x640px和2的DPR可以正确地模拟手机屏幕上应该显示的内容n