一、前言最近在将一个H5项目迁移至钉钉应用，在引入钉钉相关能力的时候（如：接入H5微应用系统免登），需要在钉钉的沙箱环境下才能执行相关操作。但是在钉钉沙箱环境中Log日志、request请求，缓存数据，无法直接查看，这对开发阶段带来了极大的困扰，经过翻阅文档整理出针对钉钉开发环境

新手小白最近弄了个手机端的APP，但是发现前端调试太麻烦了，之前网上找了fidder方案的，但是操作步骤太多太麻烦了，后来发现了一个轻量的针对手机网页的前端开发者调试面板vConsole操作也非常简单。将vConsole添加到项目中主要有以下方式：方法一：使用npm（推荐）$npminstallvconso

实现解包的方案记录如下：1.通过修改index.html法注入vConsole(记得加个alert，在游戏加载前把index.html换回去)2.编写nya_decrypt.js(https://github.com/xry1029/nyaruru_decrypt)2.5喵兔需要为img/下的文件手动编写filelist，形如以下格式{"0029246c9432f616a4b84c441d409e4

方案记录如下：1.通过修改index.html法注入vConsole(记得加个alert，在游戏加载前把index.html换回去)2.编写nya_decrypt.js(https://github.com/xry1029/nyaruru_decrypt)2.5喵兔需要为img/下的文件手动编写filelist，形如以下格式{"0029246c9432f616a4b84c441d409e4f":1,"005

【Vue】Vue中Vconsole的使用：https://blog.csdn.net/m0_53715482/article/details/125590180?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170539699116800182121287%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=1705396991168

vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。vConsole是框架无关的，可以在Vue、React或其他任何框架中使用。现在vConsole是微信小程序的官方调试工具。https://gitee.com/Tencent/vConsole/ 平时在web应用开发过程中，我们可以console.log去输出一些

Jquery<scriptsrc="https://code.jquery.com/jquery-3.1.1.min.js"></script>qrcode（生成二维码）<scriptsrc="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script><scriptsrc="https://cdn.bootcdn.

在真机环境下调试移动端H5的时候，无法像浏览器一样打开控制台进行console调试，那么我们可以在前端项目中引入vconsole，便于我们在真机环境下调试移动端H5项目vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。详细文档可查看：https://gitee.com/mirrors/vConsole/功

npminstallvconsole在需要的页面引入，并初始化<script> importVconsolefrom'vconsole'; exportdefault{ created(){ letvConsole=newVconsole(); } }</script>先安装vconsole组件，然后vue页面调用即可，注意一定要放在created方法里面。否则

在vue中可以自行安装vConsole，那么移动端怎么办呢<scriptsrc="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script><script>varvConsole=newVConsole();console.log('Helloworld');</script

在日常业务中我相信大家多多少少都有移动端的项目，移动端的项目需要真机调试的很多东西看不到调试起来也比较麻烦，今天给大家分享一个我认为比较好用的调试第三方库VConsole，有了这个库咱们就在手机上看控制台了，VConsole有两种引用方式，使用方法也很简单方法一：在public目录下index.ht

引入文件（nextjs项目）：importVconsolefrom'vconsole'报错： 处理：letVconsoleif(typeofwindow!=='undefined'){Vconsole=require('vconsole')}打开调试：if(typeofwindow!=='undefined'){//加了一个打开调试

大家好，我是程序视点的小二哥!今天小二哥碰到一新来的实习生在使用alert调试H5页面，仿佛看到小二哥年少时羞涩的样子...趁这个机会，就给大家分享一个针对手机网页的前端开发者调试面板工具：vConsole简介vConsole是框架无关的，可以在Vue、React或其他任何框架中使用。现在vC

1、用vscode编辑代码的配置CocosDashboard.exe  打开后，在文件=》设置=》数据编辑=》外部脚本编辑选择vscode的code.exe  例如：自己的 C:\Users\自己的电脑用户名\AppData\Local\Programs\MicrosoftVSCode 下后保存即可，后期可用vscode编辑代码2、在vscode中编辑代

vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板,是微信小程序的官方调试工具。开源地址：https://github.com/Tencent/vConsolehttps://gitee.com/Tencent/vConsole预览http://wechatfe.github.io/vconsole/demo.html以前微信打开http://debugx5.qq.com可以

1、安装vconsolenpminstallvconsole2、引用vconsole，找到main.js文件中，加上以下代码（区分环境）：if(process.env.H_NODE_ENV!=='production'){ constvconsole=require('vconsole') Vue.prototype.$vconsole=newvconsole()}3、效果： 

1：js直接引用，下载最新版https://github.com/Tencent/vConsole/releases/latest<scriptsrc="vconsole.min.js"></script><script>//初始化varvConsole=newVC

试想一下，你在应用的开发阶段时，你首次对接第三方平台，无法本地调试一些强制与平台绑定的代码，必须要在发版后，于线上环境进行alter调试，以及凭感觉猜测bug起因，再凭感觉进行代码

操作时间moment.jsDay.js（轻量级）处理URLqs.js操作cookie1.js-cookie.js处理数组、对象、字符串Lodash调试移动端Vconsole

vite项目中使用vconsole、eruda调试器说明vite中使用vconsole-目前ios不支持3.15往后版本，3.14.7版本可用。yarnaddvconsoleyarnaddvite-plugin-vconsoleviteVC

来自：http://events.jianshu.io/p/06ae7754bfe4 侵删1.下载与安装vconsole1.1选中你的项目，弄出终端，输入以下命令：npminstallvconsolenpminstallvconsolecnp

1.效果如图 2. 安装 $npminstallvconsole3.在项目中使用 只需要在你的main.js中写入一段代码  if(process.env.NODE_ENV!=="production"){co

第一步，退出已经登录的钉钉，重新来到账号密码登录页面第二步，选择使用浏览器代理替换默认的不使用代理第三步，安装Fiddler链接：https://pan.baidu.com/s/1uFjn0cxVEuzrNH38

功能：可以在手机端看到cosole打印的内容、接口请求、storage信息、页面元素信息使用方法：1.npm安装npminstallvconsole2.引入页面importVConsolefrom'vconsole'

效果：可以在手机上看控制台的内容   $npminstallvconsole  在main.js里引入//添加移动端log查看调试器importVconsolefrom'vconsole';letvConso