Chrome开发工具 对 Chrome 开发工具贡献.pdfVIP

Chrome开发⼯具 对 Chrome 开发⼯具的贡献 对 Chrome 开发⼯具的贡献 有很多⽅法可以提⾼你同事的开发效率。这可能是通过分享你所知道的或是⽤那 记 录功能提供帮助或者写⼀个补丁来改进我们所使⽤的⼯具。 你怎么帮助? 除了对源代码的贡献以外，下⾯的集中⽅式都可以参与帮助： ⽂档创作 为开发⼯具提供⽂档来源的是 GitHub 上的贡献,并且总是受欢迎的。参 考和教程指南受益于您的帮助。 联系 @paul_irish 的更多信息，你可以帮助在这⾥。 分享你所学到的 通过 GIF ，Vines 或注释分享你学到的知识 覆盖新的实验特性 改进设计的所有部分的 UX ⼯具 分析和管理问题 检查特征或错误 新的实验功能覆盖率 订阅 devtools-reviews@chromium .or 中所有评论待编码的邮件列表 订阅的 RSS 反馈⼯具。 按照 @chromedevtools 和 @在推特包括反馈计⼯具 有⾜够的⾏动和开发⼈员都急于知悉的更新的内容 对于所有部件改进的 UX 设计⼯具 你的设计想法在 UX 很受欢迎。 问题分析与管理 查看所有打开的⼯具项⽬。在适当的时候要求减少或为他们⾃⼰提供。 检查特征或错误 JavaScript 的代码库和设置向导可以让你快速⼊门 保持更新 开发⼯具团队将会从使⽤该⼯具的开发者那⾥获取反馈。如果你想保持更新，你可以 订阅在 crbu 下⾯的频道。请记住标记那 对你也有影响的问题。最后，不要忘记提 交的功能请求或你找到的调试报告。不仅是关于开发者⼯具的，整个 Chrome 的信息 都对我们有⽤。 Cr-Platform-DevTools Cr-Platform-DevTools-HTML Cr-Platform-DevTool 对开发者⼯具源代码的贡献 Chrome 开发⼯具实际上是⽤ JavaScript 和 CSS 编写的应⽤。如果你熟悉这 技术， 你就知道如何写⼀个补丁。⼀ ⼈已经这样做了，于是有了颜⾊选择器，⽂件选择器 等功能，这 都是由和你⼀样的开发者贡献的。 IRC 频道中：#Chrome 开发⼯具 我们现在正在重新编写这份向导。如果你想跟着已经完成的早期⼯作继 续帮助我们，请阅读 DevTools Contributin (draft) 上的评论 Step 1: 开始 要开始为开发⼯具做出贡献，你需要注意以下⼏件事： 获取代码 通过克隆 it 的库 Blink 进⾏源代码下载。这个过程可以在 30 - 60 分钟 （取决于你的 连接）。 git clone https://chromi m.googleso /chromi m/blink.git 安装 Canary 当 Blink 下载后，在 Mac OS/Windows 系统上安装 Canary 或下载最新的浏览器 DevTools 前端服务 运⾏本地服务器器。本地 Web 服务器将服务从某 端⼜ （如 8000 ）来运⾏来⾃ blink/Source/devtools ⽬录下的⽂件。 当 Blink 库已经准备好厚，进⼊ devtools ⽂件夹： cd blink/So rce/devtools 从那⾥你可以使⽤以下命令在 8000 端⼜运⾏⼀个本地服务器： python -m SimpleHTTPServer 然后，⽤你喜欢的浏览器打开 http://8000/front_end/inspector.html 就可 以开始调试了 ！ 为 么服务器需要从开发⼯具⽬录下运⾏？ 当远程调试和开发前端的 Blink 时，InspectorBacken Commands.j s ⽂件是基于 protocal .j son ⽂件的内容⽣成的，⽽不是基于 Chromium 构建系统时的反馈。 protocol .j son ⽂件放在 /devtools ⽬录下 front_end ⽂件夹的⽗⽂件夹中。这就是为什么 你需要在 devtools ⽬录下运⾏ Web 服务器。