前言

手机端调测H5页面是比较麻烦的，需要借助腾讯的vConsole神器
下载地址： https://github.com/Tencent/vConsole.git

1、导入引用

1
2
3
4
5
6

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // 初始化
  var vConsole = new VConsole();
  console.log('VConsole is cool');
</script>

如下图：

2、属性

vConsole.version

当前 vConsole 的版本号。

  • 只读
  • 类型：string

例子：

1

vConsole.version // => "3.11.0"

vConsole.option

配置项。

  • 可写
  • 类型：object
键名 类型 可选 默认值 描述
defaultPlugins Array true [‘system’, ’network’, ’element’, ‘storage’] 需要自动初始化并加载的内置插件。
onReady Function true 回调方法，当 vConsole 完成初始化并加载完内置插件后触发。
onClearLog Function true 回调方法，点击 Log 或 System 面板的 “Clear” 按钮后出发。
maxLogNumber Number true 1000 超出数量上限的日志会被自动清除。
maxNetworkNumber Number true 1000 超出数量上限的请求记录会被自动清除。
disableLogScrolling Boolean true 若为 false，有新日志时面板将不会自动滚动到底部。
theme String true ’light’ 主题颜色，可选值为 ’light'
target String, HTMLElement true document.documentElement 挂载到的节点，可为 HTMLElement 或 CSS selector。

例子：

……

阅读全文