1. 背景

为了方便调试，微信网页开发最好使用微信开发者工具。因为我们使用普通浏览器是无法调用微信APP接口的，而开发者工具就可以，另外开发者工具还可以方便的查看调试、错误提示信息。

注意，强烈推荐大家使用开发者工具调试，使用一般的浏览器因为看不到微信返回的错误提示信息，会麻烦很多。

2. 下载安装

官方有下载地址：点此下载

下载后，一直点下一步安装即可。

3. 绑定公众号

可以将开发者的微信，绑定到一个公众号上，这样在使用开发者工具时，就能针对该公众号精准调试了。

登录公众号，点击【设置与开发】-【Web开发者工具】-【绑定开发者微信号】，然后按照提示绑定开发者的微信账号即可。

注意邀请后，开发者需要登录自己的微信同意邀请。

4. 登录开发者工具

此时开发者使用微信，扫码登录开发者工具。

5. 调试网页

登录后，选择【公众号网页项目】，来调试网页。

看下图的调试界面，我们在地址栏输入想要调试的网址，然后后侧有控制台可以看到调试信息。此处能发现微信开发者工具应该也是基于chrome浏览器开发的，右侧的工具栏跟chrome一模一样。当然该开发者工具还有一些针对微信接口的功能，这是我们使用的重点！

6. 小结

有了微信开发者工具，我们就可以方便的开发调试微信网页了。

微信网页开发(2)--使用微信开发者工具相关推荐

.NET微信网页开发之使用微信JS-SDK调用微信扫一扫功能
前言: 之前有个项目需要调用微信扫描二维码的功能,通过调用微信扫码二维码功能,然后去获取到系统中生成的二维码信息.正好微信JS-SDK提供了调用微信扫一扫的功能接口,下面让我们来看看是如何实现的吧. ...
微信网页开发——随手笔记
一.公众号设置 1.账号详情: 公众号的头像.二维码.名称都是必须填写的,如果没有这些信息,是不能进行网页开发的. 2.功能设置 JS接口安全域名: ...
微信网页第三方登录原理微信开放平台和公众平台的区别 1.公众平台面向的时普通的用户，比如自媒体和媒体，企业官方微信公众账号运营人员使用，当然你所在的团队或者公司有实力去开发一些内容，也可以调用公众
微信网页第三方登录原理微信开放平台和公众平台的区别 1.公众平台面向的时普通的用户,比如自媒体和媒体,企业官方微信公众账号运营人员使用,当然你所在的团队或者公司有实力去开发一些内容,也可以调用公众平 ...
微信网页开发配置整理
真是人越大记忆越差,断断续续做了几个微信小程序和微信h5项目,然鹅小程序的开发流程有些都忘了,最近刚做完一个微信h5网页开发的项目,所以赶紧记录下开发中需要注意的点,给自己往后回顾,同时也给第一次接入 ...
微信网页开发分享功能剖析
微信网页开发分享功能剖析步骤一:绑定域名先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 步骤二:引入J ...
微信网页开发wx.chooseImage多图上传、预览（已解决）
需求: 1.调用微信jsSDK选图或者拍照(选图支持选多图) 2.选图或者拍照后提供预览,但不把图片下载到服务器 3.提交表单的时候再一并提交,把图片下载到服务器 4.支持编辑页面删除已选图片(此图已 ...
微信网页开发-长按二维码无法识别问题解决
微信网页开发-长按二维码无法识别问题解决参考文章: (1)微信网页开发-长按二维码无法识别问题解决 (2)https://www.cnblogs.com/Tylerrrkd/p/9153949.ht ...
H5微信网页开发总结（授权，分享，地图）
H5微信网页开发总结(网页授权,JS-SDK分享.地图) 目录: 网页授权分享地图参考文档https://developers.weixin.qq.com/doc/offiaccount/OA_ ...
html微信开发样式,微信网页开发样式库
概述 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页开发量身设计,可以令用户的使用感知更加统一.在微信网页开发中使用 WeUI,有如下优势: 1.同微信客户端一致的 ...
微信昵称乱码 mysql_微信网页开发获取用户昵称乱码微信昵称包含emoji表情乱码的解决方案...
微信网页开发获取用户昵称乱码微信昵称包含emoji表情乱码的解决方案如下: 问题产生原因:由于数据库及属性一致设为utf8,而utf8只支持1-3个字节.当用户昵称为emoji表情时,获取用户基本信 ...

微信网页开发(2)--使用微信开发者工具

文章目录