1. 实现方案
1.1. 定制Chromium
1.1.1. 需要实现的内容
1.1.1.1. DevTools默认打开
1.1.1.2. 默认映射好Cocos工程
1.1.1.3. 去除所有警告
1.1.2. 优点
1.1.2.1. 需要修改的代码少，产品成型快
1.1.3. 缺点
1.1.3.1. 定制完后,chrome更新难度大。
1.2. 定制DevTools Client
1.2.1. 使用DevTools Extension方式
1.2.1.1. 不符合要求。是用来扩展DevTools才会用到
1.2.2. 抽取client，跟chrome进行远程通信（内含示例程序，可演示）
1.2.2.1. 需要实现的内容
1.2.2.1.1. 界面布局跟chrome是分开的。无法合并
1.2.2.1.2. 实现本地文件映射的相关文件读写接口-使其能够映射本地文件
1.2.2.1.3. 自动打开chrome的debug模式-如果没有chrome提示下载
1.2.2.2. 优点
1.2.2.2.1. 调试工具和显示工具分离。开发者可以升级chrome
1.2.2.3. 缺点
1.2.2.3.1. 无法使用本地相关接口，需要自己实现
1.2.2.3.2. chrome升级有可能导致DevTools对接协议改变。需要对不同版本做兼容
2. 运行
2.1. 通过Console
2.1.1. 开发者使用cocos run -p web调用，展现CDT
2.2. 通过Studio
2.2.1. studio可以选择发布到CDT中，展现CDT
2.3. 通过Code ide
2.3.1. ide中选着运行在浏览器中时，展现CDT
2.4. 单独运行？
2.4.1. 单独运行需要让用户选择要调试的工程目录
3. 调试
3.1. CDT自带的断点调试
3.2. 整合Cocos DevTools
3.2.1. 用户在插件中修改配置后，可以实时保存到本地代码中（实现难度较大）
4. 代码编辑
4.1. CDT自带的代码编辑器
5. 发布功能
5.1. 调用python脚本发布release版本
6. 安装方式
6.1. 绿色版，无需安装，点击即可运行
6.1.1. 放在引擎中一起发布
6.1.1.1. Console默认配置的CDT的目录结构
6.1.2. 单独一个zip包。用户解压使用
6.1.2.1. 用户使用Console的时候可以提示用户是否下载
6.1.2.2. 额外提供下载地址让用户单独下载
6.1.2.3. Console中提供CDT配置
6.1.2.4. 通过Cocos Store下载