https://github.com/chokcoco/autodevtools
A mobile development debugging tool -- 移动端调试插件，三指双击呼出，移动端快速定位问题神器
https://github.com/chokcoco/autodevtools
Last synced: 12 months ago
JSON representation
A mobile development debugging tool -- 移动端调试插件，三指双击呼出，移动端快速定位问题神器
- Host: GitHub
- URL: https://github.com/chokcoco/autodevtools
- Owner: chokcoco
- Created: 2016-12-19T12:15:34.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-04-17T11:35:57.000Z (about 8 years ago)
- Last Synced: 2025-04-22T05:19:08.279Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 366 KB
- Stars: 51
- Watchers: 2
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://github.com/chokcoco/autoDevTools)
#### [NPM -- autoDevTools](https://www.npmjs.com/package/auto_dev_tool)
# autoDevTools
移动端控制台插件，解决移动端无法看到打印的 log ，上线后亦可使用，用于快速定位问题。
## Install
```
$ npm install auto_dev_tool --save-dev
```
或者页面直接加载 autoDevTools.js，同时 autoDevTools.js 也支持 AMD 或 CMD 规范。
## Usage
```HTML
var devTool = new autoDevTool();
devTool.init();
```
### AMD:
```HTML
require(['autoDevTool.js'], function(autoDevTool){
var devTool = new autoDevTool();
devTool.init();
});
```
## API
- `log`：定义需要输出的日志。
```javascript
var devTool = new autoDevTool();
devTool.init();
var name = "自定义日志title";
var data = {
value:""
}
devTool.log(name, data);
```
适用如下场景：
#### 普通变量输出
```javascript
var a = 10;
devTool.log("a", a);
```
#### error输出
```javascript
try{
...
}catch(error) {
devTool.log("error", error);
}
```
#### json对象输出
```javascript
var json = {
a: "dev",
b: "tool"
}
devTool.log("json", json);
```
## How to open
三指双击屏幕两次（间隔小于1s），可以唤出控制台。
## Update
+ 为保证性能，不污染 DOM 结构，控制台隐藏状态下，日志不会输出，要看到完整日志可以呼出控制台之后，点击刷新。此刷新功能页面刷新时控制台默认打开
+ 为保证页面所有操作都可以进行，提供控制台定位控制，如果控制台挡住了页面下方的某些交互按钮，可以点击上移按钮
+ 增加暂停、输出按钮，可以暂停日志打印，高频日志打印状态下，可以暂停观看日志；
## MIT
License