介绍：

• 1、如何使用微信web开发者工具调试程序？
• 2、微信小程序开发工具怎么用 小程序开发工具使用方法
• 3、微信小程序怎么调试能打断点吗
• 4、小程序调试模式如何关闭？
• 5、微信小程序开发工具如何使用
• 6、如何使用微信web开发者工具调试程序

如何使用微信web开发者工具调试程序？

跟风体验了下微信小程序的开发流程，发现官方的微信 web 开发者工具并不支持在代码中打断点。

用了一阵子 console.log 之后觉得好麻烦，突然想起还有一招：

debugger;

debugger 语句可以在 Chrome 和 Firefox 下打断点，微信 web 开发者工具应该就是 Atom 或者 VSCode 套了个壳，理论上应该支持，所以试了一下

点击调试就会自动进来

果然没猜错，能设置 Watch 还有查看 Call Stack 什么的。这下终于不用反复打 console.log 了。

还可以包装一下这个函数，增加一些类似 assert 的语法，简单的条件断点就实现了，进一步提升开发效率。

还可以包装一下这个函数，增加一些类似 assert 的语法，简单的条件断点就实现了，进一步提升开发效率。

微信小程序开发工具怎么用 小程序开发工具使用方法

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台（mp.weixin.qq.com），找到右下方的小程序模块，点击「开发」按钮；

2、点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。

4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能

6、制作完成后，点击「生成」按钮。然后选择「小程序打包」，下载小程序的标准代码包。

7、回到在微信Web开发工具中，在「项目目录」这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

8、在「项目」页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。

微信小程序怎么调试能打断点吗

打开调试器，栏目里console右边的sources里面选择你的js，可以打断点调试，快捷键和浏览器的一样

小程序调试模式如何关闭？

在开发版本打开了调试模式，再用上线版本也会有。要在开发版关闭就行。但是只有你自己有，用户是没有的。

微信小程序开发工具如何使用

1.微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

2.懂技术的程序员到这一步就可以自己开发了。不懂编程的用户，制作小程序可以速成应用小程序开发工具 来编辑小程序。

如何使用微信web开发者工具调试程序

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

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

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

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

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

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

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

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

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

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

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

静默授权的 URL：点击查看

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

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

3、模拟JSSDK权限校验

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