微信开发之调试 2017-07-10 (含部分 chrome移动调试不能连接手机内容)

还记得之前用微信的 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