微信现在成为了国内即通讯的NO.1了,很多开发者可能需要对微信的网页进行开发和调试,用手机工作的话很不方便,所以微信公众平台专为开发者打造了这款微信开发者工具,它是在电脑桌面上模拟微信客户端,更方便开发者对微信页面进行开发和调试!
微信开发者工具是干嘛的
为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在PC或者Mac上进行开发和调试工作。
微信开发者工具特色功能
模拟JSSDK权限校验
通过 开发者工具,可以模拟JSSDK在微信客户端中的请求,并直观地看到鉴权结果和log。以微信JSSDKDEMO页面为例:
http://demo.open.weixin.qq.com/jssdk
在调试器中打开该URL,可以方便地在右侧的JS-SDKTab中看到当前页面wx.config的校验情况和JSSDK的调用log。如下是校验通过的页面:

如下是校验未通过的页面:

在“权限列表”Tab中,可以查询到当前页面拥有权限的JS-SDK列表:

移动调试
移动调试功能是基于weinre的,并且做了一些改进,相比直接使用weinre有两个优点:
无须手工在页面中加入weinre调试脚本
可以在weinre的网络请求页卡中,看到完整的http请求log,非局限于ajax请求
如下图所示:

注意,移动调试功能暂不支持https。
ChromeDevTools
微信 开发者工具集成了ChromeDevTools。同之前在PC上的调试体验一致,可以快速上手。
如下图所示:

微信开发者工具界面介绍
该工具界面主要由几大部分组成,如下图所示:

顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的view模拟器,可以直接操作网页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。
微信开发者工具怎么用
1、使用真实用户身份,调试微信网页授权。

2、校验页面的JSSDK权限,以及模拟大部分SDK的输入和输出。

3、利用集成的ChromeDevTools和基本的移动调试模块,协助开发。

展开


扭卡机一个月能赚多少
房地产销售佣金提成表
玉田招聘网最新招工兼职招聘
大赢家棋牌靠谱吗
哪个爱上消消消能赚钱
有靠谱的手机赚钱方法
读文章能赚钱的软件
有哪些躺赚项目来钱快
vv湘西棋牌怎么玩不了
扫码领红包怎么赚赏金
qt网上兼职赚钱日结
闲鱼卖东西赚钱
永利棋牌修复源码
潍坊兼职财务招聘
淘宝新人领10元红包
啤酒行业赚钱吗
安阳回收手表变现
怎么做兼职挣钱
赚钱快的手机app
如何日赚一百方法