移动端调试工具之vconsole的使用～

最新推荐文章于 2023-11-27 13:29:54 发布
最新推荐文章于 2023-11-27 13:29:54 发布
阅读量120 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发
原文链接：http://www.cnblogs.com/LLLLily/p/9981735.html
本文介绍如何在Vue项目中使用VConsole进行模块化调试，通过安装并配置VConsole，实现iOS、Windows等多平台的移动端在线调试，提供了一种便捷的开发工具。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里以在vue项目中的使用为例⬇️ 嗯模块化的。

不消多说，先cnpm install vconsole -S 

然后在mian.js中配置之～

 

ok啦～～

 

开发混合app的筒子，使用mac的话也有别的方法进行移动端在线调试～但还是这个更方便哈哈哈，ios、window都阔以！！

 

转载于:https://www.cnblogs.com/LLLLily/p/9981735.html

【同微信小程序一样的移动端调试工具】移动端调试工具VConsole
欢迎来到我的频道~
09-15 1856
简单介绍下vConsole： vConsole是一个由微信公众平台前端团队研发的web前端开发者面板，可用于展示console日志，方便开发、调试。 可以扫码查看下奥： 使用方法一： 通过npm安装和使用: npm install vconsole --save 在main.js文件里面引入： import VConsole from 'vconsole' if (proce...
angular项目中使用VConsole
alice9999999的博客
01-14 907
VConsole
console command
miyayeeh的博客
09-03 433
routes/console.php copy一个默认的 Artisan::command('hello', function () { $this->comment('hello world'); })->describe('Display an inspiring quote'); 这时候命令行就可以这么用了 用于处理简单逻辑 传参： 参数添加描述 ...
weixin_33939380的博客
11-19 85
这里以在vue项目中的使用为例⬇️ 嗯模块化的。 不消多说，先cnpm install vconsole -S 然后在mian.js中配置之～ ok啦～～ 开发混合app的筒子，使用mac的话也有别的方法进行移动端在线调试～但还是这个更方便哈哈哈，ios、window都阔以！！ 转载于:https://www.cnblogs.com/LLLLily/p/99...
移动端调试神器vConsole使用详解
weixin_64051447的博客
04-10 4686
平时在web应用开发过程中，我们可以console.log去输出一些信息或者看接口返回的信息及接口性能等情况，但是在移动端，也就是在手机上，我们是看不到的。这种情况下，可以选择使用alert弹出一些信息，但是这种方法不怎么方便，也会阻断JS线程，导致后面的线程都不执行。也影响调试体验。那么，如果将console.log应用到移动端呢？vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。都有配套插件。
移动端调试工具神器之 - Vconsole
最新发布
weixin_69174819的博客
11-27 1883
vconsole移动端调试工具
h5移动端调试工具vconsole/eruda
03-21
为了应对这个问题，业界诞生了专门针对移动端H5页面的调试工具，如vConsole和Eruda。这两个工具极大地简化了H5应用的调试过程，使得开发者可以更高效地定位和解决问题。 首先，vConsole是一款轻量级的Web Console...
移动端调试工具--vconsole
02-20
移动端调试工具，用于h5页面的移动端，调试的时候将这个js引入，然后用console.log()向后台输出。
移动端调试利器：vConsole-Webpack插件使用详解
资源摘要信息: "vconsole-webpack-plugin是一个专为Webpack编译打包工具设计的插件，它的主要功能是在开发者进行移动端调试时提供帮助。通过简单的配置，这个插件可以在开发过程中自动集成vConsole，这是一个流行的...
移动端调试利器：vconsole.min.zip压缩包解析
vConsole作为一个强大的移动端调试工具，为开发者在移动端网页和应用的开发过程中提供了极大的便利，能够帮助开发者更好地实现日志记录、性能分析、网络监控等功能，优化用户在移动设备上的体验。同时，开发者应熟悉...
前端如何引入vConsole
xuyanquan的专栏
04-15 4万+
很多文章讲述不是很到位，就记录一下vconsole 的使用和注意点。 为什么要使用 vconsole.js ? 因为手机或者平板之类的客户端软件并没有控制台，前端开发想看log日志比较麻烦，如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。 注意点 vconsole 这个插件源码里面是依赖 html dom api 来实现的，如果你所使用的的环境不支持 dom，与原有...
get到了一个移动端调试工具VConsole
inprivacy的博客
11-01 682
vconsole github地址：https://github.com/Tencent/vConsole ionic4中应用 1. npm install vconsole 2.angular.json "scripts": ["node_modules/vconsole/dist/vconsole.min.js"] 3. app.component.ts const...
使用vconsole 调试 查看LOG VUE在手机上调试 手机查看h5的日志详解
刺心的博客
09-16 2817
简单介绍下vConsole： vConsole是一个由微信公众平台前端团队研发的web前端开发者面板，可用于展示console日志，方便开发、调试。 使用场景1，在vue-cli 构建的项目中使用： 通过npm安装和使用: npm install vconsole --save 在main.js文件里面引入： import VConsole from 'vconsole' Vue.p...
手机调试工具vConsole的使用教程
真正的大师永远怀着一颗学徒的心
10-06 1万+
首先在官网下载vconsole.min.js然后在main.js中进行引用 饮用后的效果如下，右下角会出现绿色的按钮 点击绿色按钮可以看到一些信息，我们可以在出现问题的时候点击绿色按钮查看问题原因，点开后有如下信息，我们也可以添加日志，可以点开后查看 ...
UE4信息交互-命令行执行自定义事件ConsoleCommand
harbinxxh的专栏
08-02 1万+
UE4信息交互-命令行执行自定义事件ConsoleCommand
移动端调试工具vConsole
猫老板的豆
07-20 988
1. 安装 npm install vconsole 2. 新建文件 在 src/assets 目录下创建个util文件夹，并在里新建一个文件 vconsole.js，如下： import Vconsole from 'vconsole' let vConsole = new Vconsole() export default vConsole 3. 引用 可以在mai...
vue项目调试利器vconsole
weixin_42813082的博客
08-11 1万+
从8月开始一直做移动端项目，调试过程中发现了vconsole移动端的调试利器。 使用npm install vconsole 命令在项目中下载vconsole，如下图： 在入口文件main.js 里引入vconsole ，如下图： 运行项目npm run dev ,可以看到界面上有个vConsole 图标，可以开始调试啦。 ...
移动端使用vconsole在手机上查看控制台信息
qq_43729779的博客
03-19 1340
首先安装 npm install vconsole 在main.js中 import Vconsole from "vconsole"; const vconsole = new Vconsole(); Vue.use(vconsole); 然后手机上就会出现 这个绿色的按钮, 点击这个绿色的按钮就出现控制台了 ...
移动端（微信等）使用 vConsole调试console
热门推荐
m0_37036014的博客
04-27 7万+
移动端（微信等）使用 vConsole调试console 前言 因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole 进行调试 使用 废话不多说，说说怎么使用的吧。 首先去下载相关的代码，由于只需要在页面引...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值