精华内容
下载资源
问答
  • 1.在聊天框中输入并打开http://debugtbs.qq.com安装线上内核 2.在聊天框中输入并打开debugmm.qq.com/?forcex5=true打开X5内核 3.在聊天框中输入并打开http://debugx5.qq.com设置vconsole

    1.在聊天框中输入并打开http://debugtbs.qq.com安装线上内核

    2.在聊天框中输入并打开debugmm.qq.com/?forcex5=true打开X5内核

    3.在聊天框中输入并打开http://debugx5.qq.com设置vconsole

    展开全文
  • 主要介绍了移动端(微信等使用vConsole调试console的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 微信H5调试Vconsole

    2021-09-27 15:20:47
    1.ios安卓通用 ...// 有需要的话,根据路由参数决定是否打开 if (this.$route.query?.showConsole === '1') { localStorage.setItem('showConsole', '1') } else { localStorage.setItem('sho.

    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内核调试专用页icon-default.png?t=L892http://debugx5.qq.comX5内核调试专用页icon-default.png?t=L892http://debugtbs.qq.comdebugmm.qq.com/?forcex5=true

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

     

     

    展开全文
  • H5扫码支付已经跟websocket推送信息前端,实现跳转了(因为是做的聚合支付,不是直接对的支付,所以支付结果,由我搭建的支付服务再调用我搭建的WS推送信息服务结合),今天开始调试微信浏览器内jsApi唤起支付了(也...


    最近在调试前段时间做的支付服务,H5扫码支付已经跟websocket推送信息前端,实现跳转了(因为是做的聚合支付,不是直接对的支付,所以支付结果,由我搭建的支付服务再调用我搭建的WS推送信息服务结合),今天开始调试微信浏览器内jsApi唤起支付了(也是走的我搭建的聚合支付服务)。
    在联调中,还是会碰到一些流程出入参希望看看,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息,比如cookie、LocalStorage,Network、Element……
    先上效果图,如下:在这里插入图片描述

    那怎么打开了
    微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码,扫一扫吧(不要太感动……)
    在这里插入图片描述

    进去后,选择中间‘’信息‘’,然后一直往下翻,把vConsole打开,把下面两个Content Cache关掉。
    在这里插入图片描述
    然后打开你要调试的页面,你就你能看到右下角有个绿色按钮vConsole。点击就能查看你代码中console的内容了。
    这里特别说下,这种不引入vconsole.js的方式只支持安卓的微信客户端,苹果的不支持,鸿蒙的还没有设备试验。
    引入vconsole.js的方式是可以支持苹果的微信客户端的。

    展开全文
  • 微信公众号H5开发过程中,vconsole可以通过引用相应的npm包展示在开发环境/测试环境中,但生产环境由于面对用户,不能开启vconsole,导致遇到真实环境的问题不好定位还耽误时间。 有一种方式可以解决这个问题。 ...

    在微信公众号H5开发过程中,vconsole可以通过引用相应的npm包展示在开发环境/测试环境中,但生产环境由于面对用户,不能开启vconsole,导致遇到真实环境的问题不好定位还耽误时间。

    有一种方式可以解决这个问题。类似于开启微信浏览器的开发者工具。

    1.首先在微信(文件传输助手)中,输入“http://debugx5.qq.com”并点击跳转进入,

     

    2.复制其中的链接“http://debugtbs.qq.com ”再次跳转进入,可以复制到文件传输助手等可以点击跳转的地址(第一次开启才会有,以后再进入直接进入第3步页面)。

     

    3.复制其中的链接“debugmm.qq.com/?forcex5=true”,再次点击跳转进入如下图

    提示一个啥啥啥已启动,然后返回到第一步的链接“http://debugx5.qq.com”,切换到信息页,就可以看到打开vconsole的提示啦

    这样,即使在访问正式地址下,也能看到vconsole了

    展开全文
  • 微信手机端使用vConsole

    千次阅读 2018-12-21 16:00:15
    今天遇到问题是只有电脑的微信打开公众号的链接和某些手机打开会发现无法正常显示的问题。 虽然猜到有可能是加了es6写法不支持,但是找哪里写的还是比较麻烦的。恰巧发现了手机端可以用微信自己开发的vConsole。...
  • vConsole A lightweight, extendable front-end developer tool for mobile web page. Features View console logs View network requests View document elements View Cookies, LocalStorage and ...
  • 移动端(微信等)使用 vConsole调试console 前言 因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的...
  • vConsole-wx 微信小程序内置的 vConsole
  • 微信网页调试之利用vConsole真机调试

    万次阅读 2019-06-28 10:56:53
    虽然微信开发者工具可以调试大多数情况,但有些问题开发者工具没法调试,只能在真机里调试 真机调试有多重方式 第一种就是手机连接电脑结合Chrome的inspect进行USB远程调试,这个日后补充 第二种是开启vConsole,...
  • 移动端调试工具

    2019-03-06 12:20:59
    微信打开vconsole: http://debugx5.qq.com
  • 对于Vue等视图框架,为了避免template标签冲突的问题,可使用 style.css 标题 关键点: 1:微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。 2:登录微信公众平台进入“公众号...
  • 只有在微信开发者工具预览,用开发者的手机微信扫码,进入开发版的小程序才可以打开vconsole面板。 扫码进入开发板小程序后,点击右上角“关闭”按钮,左边的三个点, 在右下角,就可以看到 “开发调试”的选项了...
  • 微信H5移动端真机调试--vConsole

    万次阅读 多人点赞 2018-04-09 17:56:34
    在移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了...微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码,扫一扫吧(不要...
  • 微信公众平台前端团队打造的前端调试面板。 使用方法: <script src="path/to/vconsole.min.js"></script> <script> console.log("test"); &lt...
  • 今天线上调试,开启X5调试选项的时候。勾选了这边几个重来没用过的选项,结果无限闪退。TOT! 就是上图的选项选了几个,结果就悲剧如下图了。... 真正要解决这个问题,只有重装微信。(记得备份聊天记录哦)
  • 前言:在做微信公众号的项目,由于需要微信环境,只能在微信打开,但是手机端不能看到调试页面的内容 1 安装vsoncole npm install vconsole 2 引入(index.js或者main.js) import vConsole from 'vconsole' Vue....
  • 微信Android移动端H5真机调试--vConsole

    千次阅读 2019-10-31 14:09:23
    一,打开方式 1)微信访问网址: http://debugx5.qq.com/ 2)扫码: 3)或者:https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md 二,打开调试
  • 出现的原因是,你在本机上打开过开发版或体验版,并打开vConsole。 所以这个影响只存在你本机,是一个bug,相信微信Web开发工具后续版本会修补这个问题。目前的解决办法就清楚了:打开小程序开发版或体验版,关闭...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 570
精华内容 228
关键字:

微信打开vconsole