Firefox 开发者工具团队希望找到一个有趣的方式来展示我们刚刚添加到 Firefox 开发者版浏览器中的优秀性能工具。我们与 Przemysław Sikorski(又名 rezoner)合作,他是 Playground.js 和街机益智游戏 QbQbQb 的作者,共同创建了“电力激增”,这是一款有趣的游戏,展示了新性能工具如何帮助开发人员找到缓慢的 JavaScript 代码。特别之处在于,你优化游戏中代码的越多,你在游戏过程中赢得的船只和能量就会越多!
首先,查看来自 Mozilla 工程师 Harald Kirschner 关于“电力激增”工作原理的快速屏幕录制
要开始使用“电力激增”
- 下载 Firefox 开发者版 以获取最新工具。为了获得使用我们新性能工具的最佳体验,请确保你启用了多进程支持。
- 在 Codepen 上分叉“电力激增”,Codepen 提供在线编辑功能,或者在 Github 上分叉以进行本地编辑。
- 在开发者版中运行游戏后,分析游戏以查看哪些地方可以优化,从而在游戏中获得更多船只和能量。
- 通过 Dan Callahan 的精彩屏幕录制 以及 MDN 上提供的文档 了解有关使用新性能工具的更多信息。
我们非常希望听到你对“电力激增”的反馈!在 @FirefoxDevtools 和 @mozhacks 上发推文与我们分享你的解决方案。
关于 Jeff Griffiths
Jeff 是 Firefox 开发者工具的产品经理,偶尔也是一名开放式网络黑客,居住在加拿大不列颠哥伦比亚省温哥华。
关于 Harald Kirschner (digitarald)
Harald "digitarald" Kirschner 是 Firefox 开发人员体验和工具的产品经理 - 致力于赋予创作者能力,让他们编写、设计和维护一个对所有人开放且可访问的网络。在 Mozilla 工作的 8 年中,他一直在性能、Web API、移动、可安装 Web 应用、数据可视化和开发者外联项目中提升自己的技能。
2 条评论