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

2024年06月13日 建站教程

开发移动端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();

本文链接:http://so.lmcjl.com/news/6474/

展开阅读全文
相关内容