微信网页开发调试的一些方法

1. 微信开发者工具调试

微信开发者工具下载
不过多介绍, 下载安装, 就能开始小程序开发和公众号网页开发.

2. 微信内自带调试

微信内打开网页
http://debugx5.qq.com (仅支持Android微信)
打开下面两项，就可以调试了

3. 使用vConsole插件

1. 下载vConsole插件
https://github.com/Tencent/vConsole/tree/dev/dist
页面引用js文件, 然后添加以下代码

// 初始化vConsole
window.vConsole = new window.VConsole({defaultPlugins: ['system', 'network', 'element', 'storage'], // 设定要默认加载的面板maxLogNumber: 1000,onReady: function() {console.log('vConsole is ready.');},onClearLog: function() {console.log('on clearLog');}
});

2. 使用 unpkg 的 CDN 直接插入到 HTML

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>// VConsole 默认会挂载到 `window.VConsole` 上var vConsole = new window.VConsole();
</script>

ps: 更多使用方法见: https://github.com/Tencent/vConsole/blob/dev/README_CN.md

愉快的开发吧( ﹡ˆoˆ﹡ )

微信网页开发调试的一些方法相关推荐

微信网页开发调用微信jssdk接口遇到的坑以及最终解决方法（持续更新）
1.微信网页开发调用jssdk时报permission denied 大致是两个原因 (1)首先注册时未将你所调用的接口名字添加至jsApiList (2)第二个就是你的这个公众号没有权限使用这个ap ...
推荐3款移动端网页开发调试神器
web前端教程用大白话,来讲编程最近有小伙伴在微信上跟我聊到了移动端网页开发调试困哪的问题,这个相信很多前端开发者都遇到过. 有一天,测试妹子拿着测试手机过来找你,说页面打不开. 你心想:怎么可能 ...
微信网页开发——随手笔记
一.公众号设置 1.账号详情: 公众号的头像.二维码.名称都是必须填写的,如果没有这些信息,是不能进行网页开发的. 2.功能设置 JS接口安全域名: ...
微信网页开发wx.chooseImage多图上传、预览（已解决）
需求: 1.调用微信jsSDK选图或者拍照(选图支持选多图) 2.选图或者拍照后提供预览,但不把图片下载到服务器 3.提交表单的时候再一并提交,把图片下载到服务器 4.支持编辑页面删除已选图片(此图已 ...
微信网页开发分享功能剖析
微信网页开发分享功能剖析步骤一:绑定域名先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 步骤二:引入J ...
H5微信网页开发总结（授权，分享，地图）
H5微信网页开发总结(网页授权,JS-SDK分享.地图) 目录: 网页授权分享地图参考文档https://developers.weixin.qq.com/doc/offiaccount/OA_ ...
html微信开发样式,微信网页开发样式库
概述 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页开发量身设计,可以令用户的使用感知更加统一.在微信网页开发中使用 WeUI,有如下优势: 1.同微信客户端一致的 ...
微信昵称乱码 mysql_微信网页开发获取用户昵称乱码微信昵称包含emoji表情乱码的解决方案...
微信网页开发获取用户昵称乱码微信昵称包含emoji表情乱码的解决方案如下: 问题产生原因:由于数据库及属性一致设为utf8,而utf8只支持1-3个字节.当用户昵称为emoji表情时,获取用户基本信 ...
微信网页开发-长按二维码无法识别问题解决
微信网页开发-长按二维码无法识别问题解决参考文章: (1)微信网页开发-长按二维码无法识别问题解决 (2)https://www.cnblogs.com/Tylerrrkd/p/9153949.ht ...
微信网页开发配置整理
真是人越大记忆越差,断断续续做了几个微信小程序和微信h5项目,然鹅小程序的开发流程有些都忘了,最近刚做完一个微信h5网页开发的项目,所以赶紧记录下开发中需要注意的点,给自己往后回顾,同时也给第一次接入 ...

微信网页开发调试的一些方法

1. 微信开发者工具调试

2. 微信内自带调试

3. 使用vConsole插件

微信网页开发调试的一些方法相关推荐

最新文章

热门文章