开发移动端网页如何调用控制台（Eruda、vconsole）

开发移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。如果网页是运行在手机浏览器中还算好，可以把网址在电脑上打开查看console信息。下面带大家了解2大神奇帮你轻松解决痛点！

1、Eruda

//方法一：引入js
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
//调用方法
eruda.init();

//方法二：通过npm安装：
npm install eruda --save
<script src="node_modules/eruda/eruda.js"></script>

2、vconsole

//方法一：引入js
<script src="本地链接/vconsole.min.js"></script>
//调用方法
var vConsole = new VConsole();
  console.log('Hello world');

//方法二：通过npm安装：
npm install vconsole
//引用
import VConsole from "vconsole";
let vConsole = new VConsole();

vuejs前端项目禁止用户调试（Vue项目防止被调试）

移动端点击input框如何实现不触发光标

移动端如何阻止input框获得焦点时手机键盘的弹出

移动端input框如何禁止键盘唤起

移动端vant组件input框点击时如何禁止弹出手机键盘

标签： console, eruda, vconsole, 控制台, 移动端

上面是“开发移动端网页如何调用控制台（Eruda、vconsole）”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_1463.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！