加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

MIT License

A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.

Permissions

Commercial use
Modification
Distribution
Private use

Limitations

Liability
Warranty

Conditions

License and copyright notice

README.md 1.81 KB

English | [简体中文](./README_CN.md)

vConsole
==============================
[![npm version](https://badge.fury.io/js/vconsole.svg)](https://badge.fury.io/js/vconsole)

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

## Features

- View console logs
- View network requests
- View document elements
- View Cookies, LocalStorage and SessionStorage
- Execute JS command manually
- Custom plugin

## Usage

Download the [latest release](https://github.com/Tencent/vConsole/releases/latest). (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:

```html
<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>
```

For TypeScript users:

```javascript
import 'path/to/vconsole.min.d.ts';
```

See [Tutorial](./doc/tutorial.md) for more details.

## Preview

![](./example/snapshot/qrcode.png)

[http://wechatfe.github.io/vconsole/demo.html](http://wechatfe.github.io/vconsole/demo.html)

![](./example/snapshot/log_panel.png)

## Documentation

vConsole:

- [Tutorial](./doc/tutorial.md)
 - [Public Properties & Methods](./doc/public_properties_methods.md)
 - [Helper Functions](./doc/helper_functions.md)

Plugin:

- [Plugin: Getting Started](./doc/plugin_getting_started.md)
 - [Plugin: Building a Plugin](./doc/plugin_building_a_plugin.md)
 - [Plugin: Event List](./doc/plugin_event_list.md)

## Plugins

- [vConsole-sources](https://github.com/WechatFE/vConsole-sources)
 - [vconsole-webpack-plugin](https://github.com/diamont1001/vconsole-webpack-plugin)

## Changelog

[CHANGELOG.md](./CHANGELOG.md)

## Feedback

QQ Group: 497430533

![](./example/snapshot/qq_group.png)

## License

[The MIT License](./LICENSE)

一键复制编辑原始数据按行查看历史

提交于 2019-08-18 00:51 . v3.3.3 released

English | 简体中文

vConsole

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

Features

View console logs
View network requests
View document elements
View Cookies, LocalStorage and SessionStorage
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>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

For TypeScript users:

import 'path/to/vconsole.min.d.ts';

See Tutorial for more details.

Preview

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

Documentation

vConsole:

Plugin:

Plugins

Changelog

Feedback

QQ Group: 497430533

License

The MIT License

1

https://gitee.com/thc/vConsole.git

git@gitee.com:thc/vConsole.git

thc

vConsole

vConsole

master