系统工具

微信web开发者工具怎么用微信web开发者工具使用方法

时间： 2016-01-14 来源：当下软件园 A+

微信公众平台为广大开发者带来福音，强势推出微信web开发者工具，让开发人员可以通过这款工具方便快捷的在PC电脑端或者Mac端完成开发与测试，那么问题来了，微信web开发者工具如何使用？别担心，小编在此为大家简单介绍下使用方法吧！

微信web开发者工具使用教程：

1、首先用户需要做的就是先下载安装，并启工具。

即刻下载使用==》微信web开发者工具下载

2、调试微信网页授权，具体操作步骤为：

1）开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。

微信web开发者工具调试微信网页授权

2）为了保证开发者身份信息的安全，对于希望调试的公众号，我们要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。

微信web开发者工具调试微信网页授权

3）开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面如下图所示：

微信web开发者工具调试微信网页授权

4）完成登录和绑定后，开发者就可以开始调试微信网页授权了，注意只能调试自己绑定过的公众号：

非静默授权的 URL：点击查看

在微信 web 开发者工具中上面的 URL，webview 模拟器显示效果如图：

微信web开发者工具调试微信网页授权

点击“确认登录”即可带着用户信息跳转到第三方页面，很方便的进行后续的开发和调试。

静默授权的 URL：点击查看

在微信 web 开发者工具中打开该 URL 则会自动跳转到第三方页面。

（注意：如果使用了代理，需代理本身支持https直连，才能调试https页面。）

3、模拟JSSDK权限校验

通过 web 开发者工具，可以模拟 JSSDK 在微信客户端中的请求，并直观地看到鉴权结果和 log。以微信 JSSDK DEMO 页面为例：

http://demo.open.weixin.qq.com/jssdk

在调试器中打开该 URL，可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。如下是校验通过的页面：

模拟JSSDK权限校验

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

模拟JSSDK权限校验

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

模拟JSSDK权限校验

4、移动调试

移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：

1）无须手工在页面中加入 weinre 调试脚本

2）可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，非局限于 ajax 请求

移动调试

（注意，移动调试功能暂不支持https。）

5、Chrome DevTools

微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致，可以快速上手。

Chrome DevTools

以上内容就是微信web开发者工具的一些基本使用方法，毕竟是一款适合开发人员使用的“高大上”软件，对于小编这种“文盲”来说是根本不知道软件的具体使用方法的，这个还需要开发者自行摸索，相信它一定能够成为开发者开发必备的利器。

微信web开发者工具 V1.05.2204180 官方版

详情

微信web开发者工具

编程工具 | 100.74M

相关版本

微信web开发者工具 x64 V1.05.2204180 官方版 100.6M2022-04-30 微信web开发者工具 x64 是一款微信公众平台为开发者提供的，用于帮助开发基于微信的网页或者webapp的桌面应用，通过模拟微信客户端的表现使得开发者可以使用这个工具方便地在64位系统的PC上进行开发和调试工作。
详情
WebStorm(Web可视化开发软件) V2021.1 中文免费版 150.15M2021-06-21 WebStorm是由JetBrains开发的一款强大的HTML5编程工具。本软件拥有强大的JavaScript开发功能，还有功能强大的前端专用IDE，非常推荐前端工程师使用。
详情
Blumentals WeBuilder 2020 V16.3.0.231 中文破解版 78.36M2021-01-12 Blumentals WeBuilder 2020是一款非常专业的代码编辑器。适用于所有的Web文件的编辑，支持直链FTP/SFTP/FTPS，有效提升编辑效率，该版本内置破解补丁，用户可永久免费使用。
详情
WebStorm(Web前端编辑器) V2020.2.3 官方版 259.22M2020-10-27 WebStorm2020终于来啦。它是一款优秀的HTML编程软件，在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“强大的HTML5编辑器”、“最智能的JavaScript IDE”，非常适合编程人员来使用！
详情
JSCompress(JS脚本压缩工具) V5.9.855.0 官方版 11.49M2020-05-19 JSCompress官方版是一款功能丰富的WEB前端开发软件，基于Google Closure Compiler，能够支持各种代码编辑器，为用户的网页前端开发提供了帮助。
详情

猜你喜欢

热门推荐

苏易登 V1.10.2 安卓版
扫描全能王APP V6.76.0.2411110000 官方安卓版
SView看图纸 V10.3.1 安卓版
国象联盟 V1.9.5 安卓最新版
1688商家版手机版app V3.27.0 安卓版
华为WeLink V7.41.13 官方安卓版
运满满司机 V8.80.4.0 安卓最新版
拼多多商家版 V6.5.5 安卓版
Eteams(移动云办公) V4.0.222 安卓版
口袋助理手机版 V8.0.1 安卓最新版
掌上好房通 V12.1.9 安卓最新版
微掌柜 V5.0.0 安卓版

网友评论