qdebug

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

核心代码