微信H5调试Vconsole

1.ios安卓通用

yarn add vconsole

// main.js

import VConsole from 'vconsole' // ios必须安装才能使用
new VConsole()

// 有需要的话，根据路由参数决定是否打开

if (this.$route.query?.showConsole === '1') {localStorage.setItem('showConsole', '1')
} else {localStorage.setItem('showConsole', '0')
}
if (localStorage.getItem('showConsole') === '1') {new VConsole()
}

2.安卓可以通过在微信里访问以下地址打开

X5内核调试专用页http://debugx5.qq.comX5内核调试专用页http://debugtbs.qq.comdebugmm.qq.com/?forcex5=true

根据提示依次访问，再打开第一个链接打开vconsole调试

微信H5调试Vconsole相关推荐

【H5】 React 微信H5调试等随记
H5系列文章目录 H5系列一.场景二.react-H5项目在微信调试 Mac + Android 三.随记问题 1.修改微信页面title 2.移动端单击可复制 3.点击号码去拨打电话一.场景 ...
pc调试微信h5页面提示Pending authentication:please accept debugging session on the device的解决方法
假如pc调试微信h5页面输入chrome://inspect/#devices无法显示微信h5页面,我升级谷歌浏览器,问题就解决了(方法1) 或者手机的开发者模式关掉再打开(方法2)
如何真机调试微信h5页面
最近在项目中接手微信环境h5页面的开发,主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配. 目前项目暂时告一段落,希望可以用几篇文章记录并分享这些天来学习.开发微信h5页面的心得. ...
chrome谷歌浏览器调试微信H5页面
1.打开微信TBS调试 http://debugx5.qq.com(微信中打开) 或者扫描这个二维码 3.用数据线连接手机 4.打开手机的USB调试手机型号不同打开USB调试方式可以也不一样! 不 ...
h5/wap端调试、移动端调试 / vconsole、eruda、spy-debugger
关于h5调试一.vconsole,类似小程序的调试工具,可以在手机上看见打印,真机调试h5时,我们只能看alert,但有些内容无法alert,但vconsole能做到,就像谷歌的f12一样用法,页 ...
pc端debugger微信、电脑debugger微信、电脑调试微信支付、pc调试微信支付、电脑调试真机微信、通过电脑调试手机真机打开的微信H5页面、通过电脑chrome调试手机真机打开的微信H5
pc端debugger微信.电脑debugger微信.电脑调试微信支付.pc调试微信支付.电脑调试真机微信.通过电脑调试手机真机打开的微信H5页面.通过电脑chrome调试手机真机打开的微信H5 ...
h5微信本地调试 vue_VUE开发微信H5页面总结
写在前面刚入门前端的时候写过很多的微信H5页面,时隔多年感觉应该是手到擒来,不曾想竟很是费了一些功夫.现在把本次开发过程中遇到的问题以及我是如何解决的,做个记录.防止自己以后再去解决解决过的问题. ...
php根据浏览器调用支付_Android通过外部浏览器调用微信H5支付，Android+PHP详解
看了好多关于讲解微信H5支付开发的文章,大多数都是通过微信内部浏览器来调用支付接口(其实就是公众号支付),可能是因为H5支付接口刚开放不久吧. 微信官方体验链接:http://wxpay.wxutil ...
h5键盘把页面顶走了_微信h5开发的坑
记一次微信h5开发的坑... 正常的效果如下: 本身用的cube-ui开发,上半部分是自己写的,下边用的是better-scroll,为了滑动更流畅.这个页面前边有一个登录页面,登录之后就会跳到这个首 ...

微信H5调试Vconsole

微信H5调试Vconsole相关推荐

最新文章

热门文章