移动端使用vConsole调试，跟PC打开控制台效果一样

朱雀 2022-03-08 02:48 279阅读 0赞

## ***准备工作：[下载][Link 1] 相关js，[请戳我][Link 1]*** ##

### 1，引入一个js文件 vconsole.lim.js ###

### 2，在要调试的页面写： ###

$(document).ready(function(){
    	var vConsole = new VConsole();
    });

### 3，效果如图： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JyYWluX2Jv_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JyYWluX2Jv_size_16_color_FFFFFF_t_70 1][]

这是一款移动端调试神器，喜欢就点个赞吧~

转载自：[https://blog.csdn.net/m0\_37036014/article/details/80113635][https_blog.csdn.net_m0_37036014_article_details_80113635]

[Link 1]: https://github.com/Tencent/vConsole/releases/tag/v3.1.0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JyYWluX2Jv_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190314092958507.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JyYWluX2Jv,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JyYWluX2Jv_size_16_color_FFFFFF_t_70 1]: /images/20220308/b4815e8d8cba4d2893429dee45041fb1.png
[https_blog.csdn.net_m0_37036014_article_details_80113635]: https://blog.csdn.net/m0_37036014/article/details/80113635

发表评论取消回复

表情：

评论列表（有 0 条评论，279人围观）

还没有评论，来说两句吧...

相关阅读

相关【同微信小程序一样的移动端调试工具】移动端调试工具VConsole

简单介绍下vConsole： vConsole是一个由微信公众平台前端团队研发的web前端开发者面板，可用于展示console日志，方便开发、调试。 **可以扫码查...

亦凉/ 2024年04月19日 08:29/ 0 赞/ 34 阅读

相关没有mac设备怎么在safari打开控制台调试ios移动端

用微信公众平台提供的 vconsole 如果是原生的html页面，就加上以下代码： <script src="https://unpkg.com/vconso

矫情吗；*/ 2022年12月27日 09:21/ 0 赞/ 158 阅读

相关移动端调试工具vConsole插件

移动端H5真机上看不到调试信息，可以用移动端调试工具查看console.log信息有时候为了想在手机真机上对网页进行 Debug，可手机上没有 F12，用 Chrome D

梦里梦外;/ 2022年12月19日 08:49/ 0 赞/ 152 阅读

相关移动端调试控制台

<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></

我就是我/ 2022年12月18日 12:56/ 0 赞/ 138 阅读

相关 Vue CLI + VUE +vConsole/eruda 在移动端进行调试

Vue CLI + VUE +vConsole/eruda 在移动端进行调试 Vue CLI + VUE +vConsole/eruda 在移动端进行调试

偏执的太偏执、/ 2022年12月18日 02:58/ 0 赞/ 198 阅读

相关移动端开发调试神器 vConsole

> 我们在开发手机版网页的时候，常常会出现下面的情景： > (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log； > (

我会带着你远行/ 2022年12月15日 03:49/ 0 赞/ 200 阅读

相关 uni-app引入vconsole调试移动端项目

1.安装 npm install vconsole 2.在main.js插入 import VConsole from 'vconsole'

柔光的暖阳◎/ 2022年12月05日 15:16/ 0 赞/ 563 阅读

相关移动端（微信等）使用 vConsole调试console

前言因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版

迷南。/ 2022年05月22日 09:39/ 0 赞/ 179 阅读

相关移动端使用vConsole调试，跟PC打开控制台效果一样

准备工作：[下载][Link 1] 相关js，[请戳我][Link 1] 1，引入一个js文件 vconsole.lim.js 2，在要调试的页面写：

朱雀/ 2022年03月08日 02:48/ 0 赞/ 280 阅读

相关移动端调试插件vconsole.js的使用

移动端调试插件`vconsole.js`的使用 1. 使用场景在移动端开发的时候，如果仅仅是手机网页，调试的时候我们直接使用浏览器自带的调试工具就可以了。

￡神魔★判官ぃ/ 2021年08月28日 01:47/ 0 赞/ 446 阅读