移动端调试工具vConsole

前言

在web应用开发过程中，可以console.log去输出信息，但是在移动端，console.log的信息我们是看不到的，如何将console.log应用到移动端呢？

vConsole

• 一个轻量、可拓展、针对手机网页的前端开发者调试面板。。
• vConsole 是框架无关的，可以在Vue、React或任何其他框架中使用。
• vConsole是现在微信微程序的官方调试工具。

功能特性

日志(Logs)： console.log|info|error|... 网络(Network)： XMLHttpRequest, Fetch, sendBeacon 节点(Element)： HTML 节点树 存储(Storage)： Cookies, LocalStorage, SessionStorage 手动执行 JS 命令行 自定义插件

用法

• 使用npm

代码语言：javascript复制

npm install vconsole

代码语言：javascript复制

import VConsole from 'vconsole';

const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ maxLogNumber: 1000 });

// call `console` methods as usual
console.log('Hello world');

// remove it when you finish debugging
vConsole.destroy();

• 使用CDN

代码语言：javascript复制

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window.VConsole();
</script>

npm cdn console error web

0 人点赞