电力激增 - 使用 Firefox 开发者版优化此 HTML5 游戏中的 JavaScript

Power Surge!

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 开发者工具的产品经理,偶尔也是一名开放式网络黑客,居住在加拿大不列颠哥伦比亚省温哥华。

更多来自 Jeff Griffiths 的文章…

关于 Harald Kirschner (digitarald)

Harald "digitarald" Kirschner 是 Firefox 开发人员体验和工具的产品经理 - 致力于赋予创作者能力,让他们编写、设计和维护一个对所有人开放且可访问的网络。在 Mozilla 工作的 8 年中,他一直在性能、Web API、移动、可安装 Web 应用、数据可视化和开发者外联项目中提升自己的技能。

更多来自 Harald Kirschner (digitarald) 的文章…


2 条评论

  1. esteban

    在 Gecko 和图形下,空调用树的意义是什么?
    http://i57.tinypic.com/4sy77k.png

    2015 年 6 月 2 日 下午 5:15

    1. Dan Callahan

      有关这些内容的更多详细信息,请单击“性能”窗格右上角的齿轮,然后启用“显示 Gecko 平台数据”。

      2015 年 6 月 2 日 下午 5:51

本文的评论已关闭。