微信开发工具 连接手机

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

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

以苹果手机为例

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

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

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

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

2017-07-10 16:46:34 byc233518 阅读数 3396

还记得之前用微信的 web开发者工具是长这个样子的, 打开后直接就有移动开发的选项,然而现在却没有了, 调试不了, 摸黑写代码, 不爽!

以前↓


现在↓


这样可不行呀, 随便改个东西都要 alert(JSON.stringify(xxx)), 才能看得到到底返回了啥内容

于是就找到了另外一个腾讯的移动调试工具 TBS Studio

官方介绍: http://bbs.mb.qq.com/thread-1416936-1-1.html

打开后就是长这个样子的↓


具体使用步骤: 

感觉自己再怎么写也赶不上官方的详细, 直接看官方的好了啦

 https://x5.tencent.com/tbs/guide/debug/season1.html


下面这个单独贴出来, 因为我是华为 P10手机, 之前用 chrome 的调试工具一直识别不出来, 更别说调试微信了, 使用下面官方的方法, 终于连接成功了, 供参考!
4. 电脑死活adb连接不成功?

解决方案:

方案一: 确保USB与PC的连接

1) 请确保USB连线能正常连通PC和手机(非常重要呀!)

简单确认方法:手机状态栏显示为充电状态。

2) 请确保PC的USB驱动已正常安装,可以在控制面板“设备管理器” “通用串行总线控制器”中确认无异常USB设备显示。

3) 点击重置,再次“启动检测”。

方案二: 使用adb启动

1) 使用内置adb包( win下载mac下载),手动启动adb

运行 adb devices

2) 找到设备,点击重置,再次“启动检测”

3) 未找到设备,或者offline

  ① 运行命令 adb kill-server -> adb start-server -> adb devices

  ② 重拔usb链接调试设备

  ③ 重启调试设备

  ④ 重启电脑...

方案三: 安装PC应用宝

方案四: 安装android SDK




2019-06-19 11:31:39 weixin_38361347 阅读数 1667

微信开发最大的特点就是不好调试,所以微信官方推出了一款调试工具!

下载地址:传送门

微信开发者工具项目演示

配置:

我这里是选择 ios

在这里插入图片描述

手机代理配置

打开手机选择网络(必须确保手机,电脑在同一局域网下面)

在这里插入图片描述

在这里插入图片描述

然后点击微信调试
出现下面连接结果界面:

在这里插入图片描述

然后用手机打开微信里面相应网页(你需要调试的功能页面,菜单或者页面)

下面是我自己点击菜单后的页面,以及连接后的结果页面
在这里插入图片描述

2017-04-14 21:03:16 ktutu 阅读数 49891

微信手机端调试工具[下载地址]

(https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html)
进入后的页面
这里写图片描述
这里写图片描述

注意:

1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。

2.安装好后,选择移动调试,X5 Blink内核调试,先验证手机是否支持X5 Blink内核调试,如果不支持,找一台支持的手机。
这里写图片描述
3.翻墙,用usb线连接移动设备与本机,在手机设置里搜索usb调试,打开usb调试功能,用移动设备扫描以上二维码,勾选信息>TBS setting > 是否打开TBS内核 Inspector调试功能,点击开始调试。
4.退出微信,从新登录打开微信端的网页后会出现下图(如果未出现,或空白则需要翻墙),点击inspect
这里写图片描述
5.现在进入了我们熟悉的chrome调试界面

这里写图片描述

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

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