1 Star 0 Fork 0

jake / vConsole

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

English | 简体中文

vConsole

npm version

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

特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和 SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件

上手

下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js

或者使用 npm 安装:

npm install vconsole

引入 dist/vconsole.min.js 到项目中:

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

对于 TypeScript,可引入 d.ts 文件:

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

详细使用方法请参阅使用教程

手机预览

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

文档

vConsole 本体:

插件:

插件列表

更新记录

CHANGELOG_CN.md

交流反馈

QQ 群:497430533

License

The MIT License

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)

简介

暂无描述 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/jakenik/vConsole.git
git@gitee.com:jakenik/vConsole.git
jakenik
vConsole
vConsole
master

搜索帮助