zoukankan      html  css  js  c++  java
  • 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窗口里面去设置。

  • 相关阅读:
    团队作业
    第四次作业
    第三次作业
    从电梯问题,看c和c++之间的区别(有点懂了)错觉错觉
    团队作业2
    游戏方案
    电梯调度程序4
    电梯调度程序3
    电梯调度程序2
    电梯调度程序1
  • 原文地址:https://www.cnblogs.com/pingfan1990/p/5101545.html
Copyright © 2011-2022 走看看