微信开发者调试工具怎么用

2018-10-22 21:19:04 jyluwen 阅读数 1708

       之前下载了微信开发者工具,最近一直提示下载更新。因为嫌麻烦,就没有更新。结果今天微信开发者工具竟然打不开了!好吧!以后还是经常更新比较好!

  遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信开发者工具!但是下载完了以后,却发现打不上汉字,我的天呀!网上搜索还是微信开发者工具自身的bug,需要重新启动一下才可以使用。好吧,我又关了重新启动了一下,才可以正常使用。

   经验教训:1.需要经常更新微信开发者工具,别等到有了问题,如打不开,进不去编辑页面,才重新下载!会影响工作效率。不过如果是更新了,依然会出现这个问题,那就只能重新下载了!

       2.重新更新了以后,会出现打不上中文汉字的问题,只能输入英文,输入中文就会闪一下没了。解决方案:关闭微信开发者工具,再重新打开!

什么时候我写文章也能如此就好了!老话说:“读书破问卷,下笔如有神”,想来我读书还是没有读到位呀!

2019-01-24 11:44:29 wenxingchen 阅读数 19991

由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

 

第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

 

第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

 

如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

 

办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

 

方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

 

如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

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

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

(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调试界面

这里写图片描述

2020-01-05 12:38:53 i042416 阅读数 468

假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.

假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去:

点击"绑定开发者账号":

输入待绑定的微信账号:

点击绑定,该微信号会收到一条消息,询问是否绑定:

点击同意操作完成绑定.

接下来,把要调试的web应用的url放到微信开发者工具地址栏里,回车之后,微信开发者工具就会弹出一个询问窗口,点击Allow之后,就可以在微信开发者工具提供的类似Chrome开发者工具调试器一样的界面里进行单步调试了.

这个粘贴到地址栏的url很有讲究。

https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect
其中appid=后面的值,是从微信公众号控制台里拷贝出来的appid:

redirect_uri, 即为我们开发的web应用,部署到服务器之后生成的url,需要经过url encode处理:https://www.xxx.com/smart

这个url准备好之后,将其粘贴到微信开发者工具地址栏里,回车,即可看到一个对话窗口,要求获得我们公开信息的许可:

点击Allow之后,就可以像使用Chrome开发者工具的调试器一样,在微信开发者工具里进行单步调试了:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

2017-08-06 12:13:10 u012432468 阅读数 32491

微信公众平台在线测试接口的使用

 

1.在线测试接口的地址https://mp.weixin.qq.com/debug

会出现以下界面:


 

接口类型为基础支持的接口负责获取access_token以及获取微信服务器的IP地址

 

这张表在你的公众号管理页面中可以找到,以下需要用到的appidsecret也是在该页面。

2.获取access_token

access_token是公众号的全局唯一票据,公众号调用微信平台各接口时都需使用access_token。我们要主动给微信平台发送客服消息,该access_token就是我们的凭证。

目前本人掌握的两种获取access_token方法:

A)通过“基础支持”获取

在上图中填入你的appidsecret,也就是

 

输入后点击 检查问题

得到:


 

如果请求失败请检查你的appidsecret输入是否有问题。返回体中给出了access_token以及存活时间即7200秒。

 

 

B)通过浏览器发送http get请求直接获取

在浏览器输入URL格式为:

https://api.weixin.qq.com/cgi-bin/token?

grant_type=client_credential&appid=你的appid&secret=你的appsecret

得到

 


3.调试接口

在第一步的界面选择接口类型:如:向用户发送消息

接口列表不用你管

参数列表里复制你刚刚的access_token粘贴进去

Body体内是一个json格式的数据(一开始不知道填啥,费了半天劲,菜鸟( o )!)


 

{

    "touser": "oYnAxwyLxq0T70sQAHhnDEhvb2AY",

    "msgtype": "text",

    "text": {

        "content": "1"

    }

}

这里touser填的是你要发送的目的地,是一个openid.每个用户在关注你的公总平台时都会分配唯一一个openid,在你的管理页面

 

Msgtype是你要发送的数据类型,这里是文本数据

content是你要发送的内容。

点击“检查问题”得到结果,表示没问题,(我关注了我的的测试号)在订阅号中找到该测试号发现收到了该信息。

 

 

返回码说明(errcode):