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,添加设备,添加一些参数就可以了。

时间: 2024-10-12 17:30:33

chrome调试创建sq设备进行调试的相关文章

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

使用chrome开发工具远程在Android上远程调试 准备工作 开始远程调试之前,需要做好如下准备: 在你电脑上安装Chrome 32 或者更新的版本 一根连接Android设备的USB线 手机系统是Android 4.0+ 并且在手机上安装Android版本的Chrome浏览器. 注意:远程调试需要电脑上的chrome浏览器版本比手机上的chrome浏览器版本新. 设置Android手机 在Android手机上选择 设置>开发人员工具>USB调试,然后会弹出一个提示框"是否允许U

如何在移动设备上调试网页

这篇文章所讲到的方法已经过时,请移步<移动端真机调试终极利器-BrowserSync>,欢迎分享更多工具. 手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台.厂商的不同而有种种兼容性问题.下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试.这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试.当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,希望你能留言告诉

如何在移动设备上调试html5开发的网页

在我们用phoengap+html5做的移动app中,经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况,原因是手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台.厂商的不同而有种种兼容性问题. 下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试.这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试.当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,

在ios设备上调试

ZJAppleID2014 1.创建开发者证书 每个开发者人员一次仅允许使用一个开发者证书,证书的管理可以登录 ios开发中心的配置门户网站(https://developer.apple.com/devcenter/ios/manage/overview/index.action) 登录该网站时,需要苹果的ios开发者帐号,登录成功后的界面如下: 点击IOS Apps下的Certificates(证书)导航菜单,得到的证书管理界面如下图所示,在此处下载证书和删除证书. 创建证书的过程分成两部:

设备驱动调试和移植的一般方法

做linux底层软件工作也有两年了,算上研究生时期对底层软件的研究,加起来也快四年了.慢慢地发现有必要总结一些一般性的方法了.因为一般性的方法有宏观上的指导意义,以后调试和移植驱动时,经常性地回味这些一般性的方法可以防止自己犯同样的错误,进而少走弯路,以最高的效率完成工作. 当谈到底层软件,我们一般都会想到bootloader.BSP.device driver.linux kernel等等.这篇文章将会着重介绍linux device driver调试的一般性方法.另外,关于设备驱动移植的方法

在android设备上调试ionic应用

方法1: ionic run android -l -c 将会在console中输出日志信息 方法2: (1).使用usb连接android设备,并打开android设备的调试功能 (2).在chrome浏览器的地址栏中输入 chrome://inspect/#devices,此时会在浏览器中看到连接的设备 (3).点击chrome页面上的inspect按钮,将会弹出开发者模式窗口,可以看到应用程序的日志信息. 如图:

如何添加真机调试的iOS设备

如何添加真机调试的iOS设备 注意点: 有时需要同意协议什么的,很多时候刷新出来都是白屏,解决办法: 对于不能确认新协议的问题,我发现了一个解决方法:登陆后,直接在浏览器的地址框访问:https://developer.apple.com/membercenter/mcUpdateAgreement.action,等内容出现后,勾选,再点击"I agree"即可,有点小问题:“I agree”不是一个按钮或者链接,,但能够点击.这个页面就是访问“https://developer.ap

Ubuntu Android adb调试无法识别设备 -- List of devices attached ???????????? no permissions

在Ubuntu下做Android开发, 使用adb devices调试的时候出现在面的错误: 这个问题之前就出现过的,突然就忘了,Mark一下.在网上找了一下,基本上是一些比较麻烦的办法,但是在我的记忆中这个问题应该是很快就能解决的问题.跟着异常的提示想了一下 $ adb devices * daemon not running. starting it now on port 5037 * * daemon started successfully * List of devices atta

vs2013创建、安装、调试Windows Service程序

Windows服务以服务的形式运行,有些情况下非常有用.用VS2013创建windows服务的过程如下: 创建服务. 1.文件->新建->项目->windows桌面->windows服务,修改你要的项目名称.我这不改名,仍叫WindowsService1,确定. 2.产生的项目文件结构如图所示.右侧的Program.cs文件是入口,Service1.cs是服务文件,所有的逻辑都在这.Service1.cs包含两部分,一部分是Designer,可以在这里面添加各种组件.一部分是后台文