vue移动端调试工具

最新推荐文章于 2024-09-11 07:15:15 发布

Max hui

最新推荐文章于 2024-09-11 07:15:15 发布

阅读量215

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/SUZEHUI9636/article/details/130802876

版权

文章介绍了如何在网页中引入vConsole.min.js，通过创建window.VConsole实例来启用这个轻量级的移动端调试工具，帮助开发者在移动设备上更方便地查看和分析页面的运行状态。

摘要由CSDN通过智能技术生成

<script src="https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window.VConsole();
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Max hui

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue-mobile-debug:vue 移动端调试工具

05-08

vue-mobile-debug 基于 vue 的移动端调试小工具功能 移动端模拟 console 信息一键清理 cookies、localstorage，刷新页面显示 cookies、localstorage 显示页面性能数据安装 npm install --save vue-mobile-debug // or cnpm install --save vue-mobile-debug // or yarn add vue-mobile-debug demo git clone https://github.com/Lzzzzzq/vue-mobile-debug.git cd vue-mobile-debug npm install npm run dev 使用 // 引入插件 import VueMobileDebug from 'vue-mobile-debug' Vue.

Vue移动端项目实现使用手机预览调试操作

11-20

最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...

参与评论您还未登录，请先登录后发表或查看评论

vue 移动端调试工具

逆风优雅的博客

05-06

609

Vue.js移动端调试利器：vue-inspector

最新发布

gitblog_00011的博客

09-11

764

Vue.js移动端调试利器：vue-inspector vue-inspector Vue.js Inspector for Mobile Devices 项目地址: https://gitcode.com/gh_mirrors/...

【vue】引入移动端调试工具

qq_44143906的博客

01-11

474

【vue】引入移动端调试工具。

vue移动端添加调试工具

abc_26zm的博客

11-17

306

//安装依赖 //npm install vconsole //或者 //cnpm install vconsole //或者 //yarn add vconsole // 添加调试工具 if (process.env.NODE_ENV === 'development') { //非正式环境 let vConsole = new Vconsole() Vue.use(vConsole) }

Vue2开发移动端的模板

03-18

Vue2 是一款非常流行的前端JavaScript框架，用于构建用户界面，特别是在移动端应用开发中表现出色。Vue2 提供了丰富的功能和简洁的API，使得开发者能够更高效地构建可复用、可维护的组件化应用。这个"Vue2开发移动端...

vue移动端项目打包后调试工具vConsole

yehuiyuwei的博客

04-06

1789

cnpm安装vConsole cnpm install vconsole 在main.js中引用 import vConsole from 'vconsole' Vue.prototype.$vConsole= new vConsole() 你打包后一样可以调试，看哪里出错，调试完成不需要了直接删除main里面的两个引用代码就可以了，就是这么简单 ...

移动端调试工具--vconsole

02-20

移动端调试工具，用于h5页面的移动端，调试的时候将这个js引入，然后用console.log()向后台输出。

vue3 移动端调试工具vconsole和eruda 及其两种使用方式

arrow.light的博客

02-25

3621

vue3 移动端调试工具vconsole和eruda 及其两种使用方式。tip：eruda和Chrome浏览器的从console台很像，推荐使用。

vue移动端调试神器

john_xiaoweige的博客

06-11

391

直接在index.js页面底下加上如下代码<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole() </script> ...

vue移动端真机调试方法

m0_37680500的博客

05-11

4190

最近开发手机移动端拍照、多图上传，OCR识别、连拍等功能都需要用到手机的物理硬件（定位、相机、相册、麦克风），调试就需要在真机环境中实现。真机环境调试起来就非常的不方便，例如：1、无法看到日志信息2、无法实时调试（每次都要打包到线上才可测试）下面教程提供一下移动端的调试方法，仅供学习交流。

前端如何使用移动端调试器Vconsole

weixin_44594219的博客

09-29

1537

如何安装和使用手机端调试器Vconsole

Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明（Eruda、vConsole）

仙魁XAN

04-09

7678

Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明（Eruda、vConsole）目录 Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明（Eruda、vConsole）一、简单介绍二、Eruda 1、安装 2、使用 3、实用三、vConsole 1、安装 2、使用 3、实用四、关键代码五、CDN 方式使用 Eruda 、vConsole 六、其他一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似...

vue移动端调试工具——vconsole

Ajaxguan的博客

02-22

1361

vue移动端调试工具——vconsole 1.下载 vconsole npm install vconsole 2.在 main.js文件中引入 // main.js import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) 3.使用效果出现 vConsole按钮 ...

vue 移动端调试工具（vconsole）

weixin_45786844的博客

07-31

472

如何在echarts里面动态修改数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">