vConsole：一个轻量、可拓展、针对手机网页的前端开发者调试面板

1 前言 我们在开发手机版网页的时候，常常会出现下面的情景：  (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log；  (2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。

JavaScript 其它杂项

访问GitHub主页

共11969Star

详细介绍

English | 简体中文

vConsole

npm version

A lightweight, extendable front-end developer tool for mobile web page.

Features

  • View console logs
  • View network requests
  • Execute JS command manually
  • Custom plugin

Usage

Download the latest release. (DO NOT copy dist/vconsole.min.js in the dev branch)

Or, install via npm:

npm install vconsole

Import dist/vconsole.min.js to your project:

<script src="path/to/vconsole.min.js"></script>
<script>
console.log('Hello world');
// then tap vConsole button to see the log
</script>

See Tutorial for more details.

Preview

http://wechatfe.github.io/vconsole/demo.html

Documentation

vConsole:

Plugin:

Plugins

CDN

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License (http://opensource.org/licenses/MIT)

推荐源码