chrome 调试显示设备外观

1,970 阅读1分钟

最近调试h5页面,想看下在手机里边,显示的效果如何,于是打开了如图所示:

image.png

结果发现没有任何效果

image.png

刚开始以为chrome不是最新的浏览器,所以卸载重装,但是发现还是不行。

搜了一下,说是需要vpn,但是我使用vpn代理也不行。

最后欧发现是因为chrome这个显示设备外观的效果只有在几个机型上可以显示,比如iphone6/7/8/plus 才能显示出来设备外观,其它的机型就算点了也没啥效果。

所以最后通过添加设备,把iphone6/7/8/plus添加到chrome浏览器的设备库了,然后选择show device frame就可以显示了。

image.png