QDebug

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

开发

• npm run start

发布打包

• npm run dist

特性

• 查看 console 日志
• 查看网络请求
• 查看 Cookies 、 localStorage 和 sessionStorage
• 手动执行 JS 命令行
• 自定义插件

版本更新

1.增加临时版本功能 system => Info => H5version: 发版时间：1月8日19时33分临时版本号：111

2.增加切换环境功能 set 3.增加配置环境名称和环境列表 4.增加element查看 5.增加远程列表（1.4.0） 6.优化选择列表。(版本1.4.2) 7.选择列表可以分组。（版本1.5.0） 8.远程列表域名切换。（版本1.5.1）

参数

| 参数 | 说明 | 类型 | 默认值 | 版本 |例子| |------|------|------|------|------|------| | setOptions | 设置“设置”选项卡配置 | Object | - | 1.1.4 |- |

setOptions的子参数

| 参数 | 说明 | 类型 | 默认值 | 版本 |例子| |------|------|------|------|------|------| | evnName | 定义环境key值 | String | 'qDebugEnv'加项目path | 1.1.4 | - | | evnList | 定义环境列表 | Array | [] | 1.1.4 | [{value:'www.kg.com'}] |

上手

<script src="https://static.daojia.com/assets/qdebug/qdebug.min.js"></script>
<script> 
  //设置参数
  var debug = new QDebug({setOptions:{
    evnName:"myevn",
    evnList: [{value:"www.songdonghong.com"},{value:"suyun.daojiao.com"},{value:"www.kgdc.com"}]
  }})
</script>

npm install qdebug

代码解读

core

核心代码