移动端调试工具vConsole

用户7741497

发布于 2022-03-01 14:38:34

1.1K0

发布于 2022-03-01 14:38:34

文章被收录于专栏：hml_知识记录hml_知识记录

前言

在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

npm install vconsole

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

<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>

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

npm