chrome调试创建sq设备进行调试

  工作中开发基于手机qq的webapp页面时,通常开发会对页面进行限制让用户通过手机qq访问,进行引导,如下图所示。

  

  很多时候我们开发只是在手机展示,而在pc端进行调试,当开发加了这一层限制之后,就会导致有些数据样式出不来,让pc端调试整个就废掉了。

  由于这一级限制是通过判断useragent来确定是否通过手q访问,那么,我们就可以有解决办法,那就是获取手q内置浏览器的useragent,进行模拟就可以了,事实就是如此。

  手机qq的userAgent:

Mozilla/5.0 (iPhone; CPU iPhone OS 9_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13C75 QQ/6.1.0.496 Pixel/750 NetType/WIFI Mem/657

  但是每次在chrome里面去输确实非常的麻烦,那么这里教大家创建设备,来进行模拟:

  1.打开chrome的控制台,点击settings。

  2.选择device,添加设备,添加一些参数就可以了。

点击add custom device,按照操作就可以了

打开要访问的链接,切换,我们刚才创建的device就可以了:

鉴于 版本 49.0.2623.87 (64-bit)  之后  ,控制台窗口变成这样了,甚是不能忍,丑陋极了,简单说一下

这里切换设备还是可以在iphone5那个下拉框里面进行切换,  而设置user agent type、device pixel ratio 这些只能在定义settings窗口里面去设置。

原文地址:https://www.cnblogs.com/pingfan1990/p/5101545.html