本帖最后由 yingliu 于 2020-6-28 17:33 编辑
作者：Florian Scholz, Harald Kirschner
全新 Firefox 稳定版（正式版）已推出。版本 77 为 Web 开发人员带来了诸多新功能。
本文只是归纳了一些亮点；如需了解详细信息，请参见以下资源：
开发人员工具改进
JavaScript 调试更快速、更精简
大型 Web 应用可能会给 DevTools 带来挑战，因为捆绑、实时重载和依赖项都需要得到快速、正确地处理。在 Firefox 77 中，Firefox 的调试器有了更多本领，让您能够专注于调试。
我们经过多个发行版本改进了调试性能，在寻找可动手的高影响力 Bug 错误方面即将达到终点。因此，为了能找到残留的瓶颈，我们积极与社区交流，收到了许多详细的报告，实现了诸多性能改进，不仅加快了暂停和分步执行，同时也降低了不同时间点上的内存占用。
行之有效的 JavaScript 和 CSS 源映射
源映射是这次扩展的组成部分，在性能增强方面功效显著。部分内联源映射在加载时间上提升了10 倍。但更重要的是，我们加强了更多源映射配置的可靠性。我们解决了解析和映射的回退问题，而这要归功于大家提供的有关生成稍有差错的源映射的报告。总体而言，之前无法加载您的原始 CSS 和 JavaScript/TypeScript/etc 代码的项目如今应该可以正常运作了。
在选定堆栈帧内分步执行 JavaScript
分步执行是调试的一个重要部分，但不够直观明了。在进入和退出函数以及在库和自有代码之间移动时，您可能很容易迷失方向并超出范围。
现在，调试器可以在分步执行时遵从当前选定的堆栈。当您进入某个函数调用后，或者在堆栈深处的某个库方法上暂停时，这特别有用。只需在调用堆栈中选择正确的函数，即可跳转到当前暂停的行并从那里继续分步执行。
希望这能让代码分步执行变得更加直观明了，并降低您遗漏重要代码行的几率。
Network 和 Debugger 的溢出设置
为了造就更简洁的工具栏，Network 和 Debugger 沿用与 Console 相同的范例，将现有和新的复选框组合成一个全新的设置菜单。这不仅让您一手掌握“Disable JavaScript”等功能强大的选项，也给未来更强大的选项留出余地。
Network 和 Debugger 工具栏中的溢出设置菜单
暂停属性读写
了解状态变化是个问题，通常通过控制台调试日志来调查。 观察点（Watchpoint）是 Firefox 72 中引入的功能，可以在脚本读取或写入属性的过程中暂停执行。暂停之后，右键单击 Scopes 面板中的属性即可关联它们。
右键单击 Debugger 的 Scopes 中的对象属性以在 get/set 上中断
改进的 Network 数据预览
Network 详情面板在每次发行时都有进步，如今已得到重新架构。旧界面中存在事件处理 Bug 错误，使选择和复制文本容易出错。我们不仅解决了这一点，也提升了大型数据输入的性能。
Web 平台更新
Firefox 77 支持多项新的 Web 平台功能。
String#replaceAll
在过去，若要将所有 cats 替换成 dogs，必须要使用全局正则表达式： .replace(/cats/g, 'dogs');
.split('cats').join('dogs');
.replaceAll('cats', 'dogs');
IndexedDB 光标请求
Firefox 77 将 IDBCursor 所源自的请求作为 光标上的属性来公开。这是一种精妙的改进，使得“升级”数据库功能的 wrapper 函数的编写变得更加轻松。在过去，如果要对光标进行这种升级，必须要传递光标对象和它所源自的请求对象，因为前者依赖于后者。有了这一改进，现在只需要传递光标对象，因为请求已在光标上可用。
Firefox 77 中的扩展：请求变少，权限更多
从 Firefox 57 开始，用户在安装过程中或更新期间添加新权限时会看到扩展希望访问某些权限的提示。这些频繁出现的提示令人苦不堪言，假如在扩展更新过程中没有接受新的权限请求，用户便会滞留于旧版本中。我们减轻了扩展开发人员的负担，将更多权限作为 可选权限提供，尽可能减少触发提示的次数。可选权限不会在安装期间或添加到扩展更新时触发权限请求，而且也可在 运行时请求，因此用户可以在上下文中查看具体请求了哪些权限。
总结
以上介绍了 Firefox 77 的亮点！敬请体验全新功能，享受其中的乐趣！与过去一样，欢迎您随时留言反馈并提出疑问。
| 
支持
反对