微信H5移动端真机调试--vConsole

在移动端实际开发中，还是会碰到一些棘手的bug，想看看到底哪里出了问题，苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口，使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息，比如cookie、LocalStorage,Network、Element……

微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码，扫一扫吧（不要太感动……）

进去后，选择中间‘’信息‘’，然后一直往下翻，把vConsole打开，把下面两个Content Cache关掉。

然后打开你要调试的页面，你就你能看到右下角有个绿色按钮vConsole。点击就能查看你代码中console的内容了。

其实还有一种方法是引入vConsole文件。就直接可以看到打印的东西了。他们讲的很明白，我就不多说了。
https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md
再次感谢腾讯爸爸，是不是意犹未尽，但是已经结束了……

微信H5移动端真机调试--vConsole相关推荐

分享移动端真机调试几种方法(更新中)
最新更新请参考移动端真机调试文章目录安卓浏览器场景 X5内核类 IOS windows调试ios MAC调试ios 跨平台通通用JS 注入类 Vconsole Eruda weinre 拓展 E ...
移动端真机调试，手机端调试，移动端调试
移动端真机调试方法一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...
移动端真机调试--weinre
转载文章,主要是用来标记这个较为古老的h5调试工具 l移动端真机调试:spy-debugger调试教程 - SegmentFault 思否在window下安装:npm install s ...
移动端真机调试修改手机host
移动端真机调试修改手机host 一.电脑开热点最简单方便快速修改手机host的方式如果电脑是windows系统,可以通过电脑开热点,手机连接热点,修改电脑HOSTS文件.即通过修改电脑HOSTS文 ...
【微信小程序】真机调试引用的外部字体不生效问题
项目场景: 前提:之前的在H5和开发者工具里面都正常: 问题描述问题:在H5和开发者工具里面字体引用都正常,但是真机调试出现问题. 在H5和开发者工具里面字体引用不正常的参考我的上一篇文章: 解决引 ...
移动端真机调试的两种方法
本文参考https://github.com/YvetteLau/Blog/issues/5 1.引入: 我们进行移动web开发时常常会接触到真机调试,但是手机端的浏览器却不想PC端这样有开发人员工具 ...
微信小程序项目真机调试图片不显示处理
微信开发者上图片显示,但在真机调试时不显示.查看数据库图片文件上传方式.如果是本地地址,改成网络地址即可.如图: 查找ip网络地址方法按windows+R快捷键,输入CMD,输入ipconfig ...
开发版微信小程序手机版无法访问服务器,微信小程序安卓真机调试 202:net::ERR_CERT_AUTHORITY 无法请求接口请求接口无响应...
微信小程序真机调试 202:net::ERR_CERT_AUTHORITY 主要在安卓机. 证书使用的是腾讯云的免费证书 TrustAisa 开发者工具手机端浏览器 PC浏览器访问https:/ ...
微信小程序mqtt真机调试connect失败
问题最近学习使用微信小程序实现mqtt通信,在真机调试时遇到一个bug卡住很久:在小程序开发工具中能正常连接服务器.订阅.收发消息,但真机调试和预览不能连接到mqtt服务器. 解决问题前的环境 1. ...

微信H5移动端真机调试--vConsole

微信H5移动端真机调试--vConsole相关推荐

最新文章

热门文章