开发移动端网页如何调用控制台（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();