使用工具：
电脑；
web开发工具；
例子：以安卓的移动调试为范本；
调试步骤：
选择无线网卡地址，默认即可，工具会自动查询无线网卡ip v4地址。
设置 - 无线局域网 - 选中网络 - HTTP代理手动，设置好上面步骤以后，重启微信，这可能是让微信重新检测目前的网络情况，然后打开想调试的页面（注意，要先打开要调试的页面才可以开始调试）。
调试模式开启以后，就可以直接在手机上查看调试的结果或者修改东西。
注意：想调试本地开发的页面，需要开启web服务，只是一个本地页面，是无法打开调试的。
为了帮助开发者简单和高效地开发和调试微信小程序，在原有的公众号网页调试工具的基础上，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。
使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情
使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\Default
下面的文件删除即可，删了的话就是所有的项目都删了，包括之前有效的跟无效的。
1、首先下载安装，并启工具。
2、调试微信网页授权，具体操作步骤为：
在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。 为了保证开发者身份信息的安全，对于希望调试的公众号，要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。
开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。
完成登录和绑定后，开发者就可以开始调试微信网页授权了，注意只能调试自己绑定过的公众号：
3、模拟JSSDK权限校验
通过 web 开发者工具，可以模拟 JSSDK 在微信客户端中的请求，并直观地看到鉴权结果和 log。
目前最好的解决办法，就是重装 “微信web开发者工具” ，而且，要把安装目录修改为非上次安装的目录(安装在一个新目录下，不受原有文件影响，小编试过安装在原有的目录下，安装过程中会报与原有文件冲突，而且安装好后也无法启动)。
微信Web开发工具有很多，包括比如说Liveweave、JS Bin、Codepen、Dabblet等等。但是，Web开发人员没必要全部精通，找到适合自己使用的就可以了，然后学到真正的开发技术，成为互联网大型企业都在高薪招聘的web开发人才。
第一种微信Web开发工具——Liveweave
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
第二种微信Web开发工具——JS Bin
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。
第三种微信Web开发工具——Codepen
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。
第四种微信Web开发工具——Dabblet
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS编辑器和效果，HTML编辑器和效果，CSS和HTML的编辑器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
第五种微信Web开发工具——JSFiddle
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
第六种微信Web开发工具—— CSSDeckC
SSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。
