微信开发工具查看移动

2018-10-22 11:34:57 qq_39705237 阅读数 385

这几天在开发微信公众号,遇到了很多bug因此需要调试一番,首先我们要从官网上下载微信开发工具,https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

下载完成以后我们登录的时候要用公众号授权的管理员账号扫码登录,具体授权如下:

第一步用管理员账号登录微信正式公众号,然后在(开发-开发者工具)这一菜单里面找到web开发者工具,点开以后添加权限就可以了,然后你就可以用添加权限的微信账号去登录开发者工具,在这里我自己是管理员,添加的也是我自己的微信号

 

登录以后,你可以选择普通调试,也可以选择X5 Blink 内核调试,我用的是安卓手机,虽然我验证了不可以使用内核调试,但是实际上我试了一下是可以的,因为普通调试是代理,网速是特别差的,基本上会出现网页打不开的情况不建议这个调试,所以来讲一下内核调试的关键几步吧,首先要开启手机的开发者模式,然后开启usb调试的权限,然后用usb将手机和电脑连接起来,然后扫码

扫完了以后点 信息-tbs setting-是否打开tbs内核inspector调试功能

然后打开你手机上的页面,点击开始调试,然后点击页面上的inspector,然后就可以在网页上加载出来你要的页面了,强调一点如果是第一次开启调试的话,一定要注意了,你如果没有连接外网的话,你点了inspector会弹出一个空白页面在一直转圈圈,这一点可坑了我好长时间呐。然后上面的步骤操作完了,就可以愉快的在电脑上调试你手机端的页面啦

2016-06-07 15:45:46 wilgl1314 阅读数 15133

背景:使用微信web开发者工具进行移动调试,按照


配置网络代理后,如图:


当重启微信后,发现公共号上不去了,也不能正常的上网了

可以将服务器地址更改为:


去掉http://后再尝试,就可以了,然后选择微信web开发者工具,选择“”开始调试“,浏览公众号网页,就能开始调试了

2017-06-09 15:01:14 u010786200 阅读数 6216

废话不多说,4步解决移动端调试问题!!!!

以苹果手机为例

1、必须先下载微信web调试工具这就不多说了

2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973

3、打开web调试工具选择移动调试---》ios设备调试---》开始调试

4、重启微信就可以访问你想调试的页面了

2018-01-17 10:24:22 chenjin_chenjin 阅读数 180
   微信开发少不了,微信端的测试,但是基于手机调式特别困难,造成浪费大量的时间。这里我记录一下自己使用微信开发工具的经验。(本文只讲述移动开发经验)
1.首先微信公众平台下载相应版本的微信开发工具。地址(微信公众平台文档)选择微信网页开发,选择下载就可以。
2.下载安装后的首页面如下:

选择1,2扫码登录即可。

2、选择移动调式,普通调式。


 按照上述步骤连接成功之后,点击开始调式,就会出现实时请求,可以查看对应的参数以及响应。

4、如下图


5.选择x5调式


 按照上述步骤,点击开始调式,出现如下页面 

 第一次点击inspect 会出现空白页,这是你需要翻墙,翻墙成功后,就可以点击了出现和chrome调式页面。(注:翻墙工具,我用的是蓝灯,需要的话,可以给我留言)

6、使用chrome devtool调式,

  1、首先在手机上将普通调式的代理关掉,选择无就行,然后使用usb连接手机,如何连接请自行百度。我这里讲一下我遇到的问题。

打开chrome浏览器,输入chrome://inspect/#devices,出现offinline,标识设备没有连接。这是应该下载响应手机的驱动,可以到手机官网上下载,或者使用地方工具,例如腾讯管家,或者豌豆荚,会自动下载驱动,安装后就可以出现如下页面。


7、欢迎大家多多批评指正!!!!!!

 

2018-06-11 16:45:47 hanjun0612 阅读数 22808

1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

下载一个自己能用的版本:


2 手机开启  USB调试,不赘述了。每个版本显示方法不一样。

手机通过数据线连接PC端


3 打开微信web开发者工具 ,选择如下图

PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blink调试。。。我也开启了TBS 内核 Inspector 调试功能。但是没用。。。。

选择移动调试,选择普通调试




4 手机连接wifi,确保wifi和pc端在同一个网段。(这个问网管就行了)

连接玩后,进入wlan,设置: 

代理:手动

主机名:上面步骤1的网卡地址,我这里是192.168.1.88


5 微信开启一个页面,然后点击微信web开发者工具的 开始调试。

PS: 必须先开启页面,再点击开始调试!!!

本机访问地址: http://192.168.1.88:804/controller/action  这样的iis发布地址


6 成功的样子:


失败的样子,就是黑色字体。Targets:none


具体可以参考:https://www.jianshu.com/p/13d3c2fa5412