Florian Scholz 的文章

• 

  Firefox 79：共享内存的安全回归、新工具和平台更新

  Firefox 79 提供了新的 Promise 方法、更安全的 target=_blank 链接、逻辑赋值运算符、用于改进 JavaScript 调试的工具改进，以及许多其他对 Web 开发者有用的更新。此外，共享内存终于回来了，并采用了更安全的实现方式。

  发表于 2020 年 7 月 28 日
• 

  Firefox 78 新功能：DevTools 改进、新的正则表达式引擎以及丰富的 Web 平台更新

  Firefox 78 推出了新的正则表达式引擎，更新了 ECMAScript Intl API，新增了 CSS 选择器，增强了对 WebAssembly 的支持，对 WebExtensions API 做了一些重要的更新，并对 Firefox 开发人员工具进行了许多改进。

  发表于 2020 年 6 月 30 日
• 

  Nuevo en Firefox 77: Mejoras a las herramientas de desarrollo y a la plataforma web

  Tenemos ante nosotros una nueva versión estable de Firefox. La versión 77 viene con varias novedades para los desarrolladores web. En este artículo se presenta simplemente un conjunto de los aspectos más destacados. Para conocer todos los detalles, consulte lo siguiente: Firefox 77 para desarrolladores en MDN Notas de la versión de usuario final de […]

  发表于 2020 年 6 月 8 日
• 

  Firefox 77 新功能：开发者工具改进与 Web 平台更新

  全新 Firefox 稳定版正式推出！第 77 版为开发者提供了更多新功能。 这篇文章包含新版本中的精彩亮点，想了解完整资讯，请浏览以下网页： MDN Firefox 77 开发人员专区 Firefox 77 一般用戶更新資訊 開發者工具改善 让我们先来看看第 77 版开发者工具中最有趣的优化与创新。如果你想使用更多开发中的新功能，并提供建议，请安装 Firefox 开发者版本即可抢先体验。 更快、更有效的 JavaScript 除错 大型 Web 应用程序对开发者工具来说无疑是一项艰巨的挑战，因为需要快速而正确地处理捆绑（bundling）、实时重载（live reload）和相依性。 Firefox 77 的 Debugger 学了一些新技巧，让你可以因此更加专注于除错。 在先前的许多版本中，我们持续致力於提升除错性能，也几乎除光了影响層面最严重、可处理的问题。为了找出剩餘的瓶颈，我们一直积极地和社群保持联繫。得益於我们收到的许多详细回報，我们終於能够改善除錯的效率，不仅提升暫停和步进速度，也减少记忆体长期用量。 就是會動的 JavaScript 和 CSS Source Map Source Map 也包含在此次社群訪查中，在新版本速度表现也有所提升。些行內的 Source Map 載入的時間加快了 10 倍。更重要的是，我们改善了不同 Source Map 設定的可靠性。感谢大家回報各種含輕微錯誤的 Source Map 案例，我们因此得以调整了解析和映射的 fallback 机制。整体而言，先前有些无法载入的 CSS […]

  发表于 2020 年 6 月 8 日
• 

  Firefox 77 新功能：开发工具改进和 Web 平台更新

  全新 Firefox 稳定版现已推出。版本 77 为 Web 开发人员带来了诸多新功能。 本文只是归纳了一些亮点；如需了解详细信息，请参见以下资源： MDN 上的 Firefox 77 开发人员须知 Firefox 77 最终用户发行说明 开发人员工具改进 首先来看看版本 77 中最值得关注的开发人员工具改进和补充。若要进一步了解进行中的工作并提供反馈，请下载 Firefox DevEdition 来抢先体验。 JavaScript 调试更快速、更精简 大型 Web 应用可能会给 DevTools 带来挑战，因为捆绑、实时重载和依赖项都需要得到快速、正确地处理。在版本 77 中，Firefox 的调试器有了更多本领，让您能够专注于调试。 我们经过多个发行版本改进了调试性能，在寻找可动手的高影响力 Bug 错误方面即将达到终点。因此，为了能找到残留的瓶颈，我们积极与社区交流。我们收到了许多详细的报告，实现了诸多性能改进，不仅加快了暂停和分步执行，同时也降低了不同时间点上的内存占用。 行之有效的 JavaScript 和 CSS 源映射 源映射是这次扩展的组成部分，在性能增强方面功效显著。部分内联源映射在加载时间上提升了 10 倍。但更重要的是，我们加强了更多源映射配置的可靠性。我们解决了解析和映射的回退问题，而这要归功于大家提供的有关生成稍有差错的源映射的报告。总体而言，之前无法加载您的原始 CSS 和 JavaScript/TypeScript/etc 代码的项目如今应该可以正常运作了。 在选定堆栈帧内分步执行 JavaScript 分步执行是调试的一个重要部分，但不够直观明了。在进入和退出函数以及在库和自有代码之间移动时，您可能很容易迷失方向并超出范围。 现在，调试器可以在分步执行时遵从当前选定的堆栈。当您进入某个函数调用后，或者在堆栈深处的某个库方法上暂停时，这特别有用。只需在调用堆栈中选择正确的函数，即可跳转到当前暂停的行并从那里继续分步执行。 请翻译：Alt 文本：前往调用堆栈并在相应函数中继续分步执行 希望这能让代码分步执行变得更加直观明了，并降低您遗漏重要代码行的几率。 Network 和 Debugger 的溢出设置 为了造就更简洁的工具栏，Network 和 Debugger 沿用与 Console 相同的范例，将现有和新的复选框组合成一个全新的设置菜单。这不仅让您一手掌握“Disable JavaScript”等功能强大的选项，也给未来更强大的选项留出余地。 请翻译：Alt 文本：Network 和 Debugger 工具栏中的溢出设置菜单。 暂停属性读写 了解状态变化是个问题，通常通过控制台调试日志来调查。观察点 (Watchpoint) 是 Firefox 72 中引入的功能，可以在脚本读取或写入属性的过程中暂停执行。暂停之后，右键单击 Scopes 面板中的属性即可关联它们。 请翻译：Alt 文本：右键单击 Debugger 的 Scopes 中的对象属性以在 get/set 上中断 感谢 Janelle deMent 的贡献，组合了 get/set 的新选项使观察点变得更易使用，任何脚本引用皆可触发暂停。 改进的 Network 数据预览 Network 详情面板在每次发行时都有进步，如今已得到重新架构。旧界面中存在事件处理 Bug 错误，使选择和复制文本容易出错。我们不仅解决了这一点，也提升了大型数据输入的性能。 这是 Network 面板中重要界面清理工作的一部分，我们已就此通过 @FirefoxDevTools Twitter 和 Mozilla 的 Matrix 社区向社区发出了问卷调查。欢迎您分享您的见解。您也可下载 Firefox DevEdition，抢先体验 Network 面板边栏的更多新设计。 Web 平台更新 Firefox 77 支持多项新的 Web 平台功能。 String#replaceAll Firefox 67 引入了 String#matchAll，这是一种更便于迭代 regex 结果匹配项的方式。在 Firefox 77 中，我们让便捷程度更进一步：通过 String#replaceAll 来帮助替换字符串的所有实例；这或许是您长久以来梦寐以求的运算（感谢 StackOverflow 做出的巨大贡献！）。 在过去，若要将所有 cats 替换成 dogs，必须要使用全局正则表达式 .replace(/cats/g, 'dogs'); 或者，也可使用 split 和 join： .split('cats').join('dogs'); 现在，因为有了 String#replaceAll，这变得更加易读了： .replaceAll('cats', 'dogs'); IndexedDB 光标请求 Firefox 77 将 IDBCursor 所源自的请求作为光标上的属性来公开。这是一种精妙的改进，使得“升级”数据库功能的 wrapper 函数的编写变得更加轻松。在过去，如果要对光标进行这种升级，必须要传递光标对象和它所源自的请求对象，因为前者依赖于后者。有了这一改进，现在只需要传递光标对象，因为请求已在光标上可用。 Firefox 77 中的扩展：请求变少，权限更多 从 Firefox […]

  发表于 2020 年 6 月 8 日
• 

  Firefox 77 新功能：DevTool 改进和 Web 平台更新

  Firefox 77 现已推出，包含各种开发者工具更新和新的 Web 平台功能。在您的反馈帮助下，我们消除了性能瓶颈，从而实现更快速、更精简的 JavaScript 调试。我们还报告了对 Firefox 扩展的一些更改，包括减少了权限请求。

  发表于 2020 年 6 月 2 日
• 

  Caniuse 和 MDN 兼容性数据协作

  今天，我们宣布将 MDN 的兼容性数据集成到 caniuse 网站。我们将共同为 Web 开发者提供更多 Web 兼容性信息。

  发表于 2019 年 9 月 9 日
• 

  MDN 浏览器兼容性数据：消除 Web 兼容性的猜测

  Web 最强大的方面也是它最难构建的原因之一：它的普遍性。当您创建网站时，您编写的代码需要被不同设备和操作系统上的大量浏览器理解。为了让开发者能够以编程方式访问浏览器兼容性数据，而不是要求他们手动搜索数据，MDN 社区正在努力将目前存储在数千个 wiki 页面上的兼容性信息迁移到 GitHub 存储库中的机器可读 JSON 格式。

  发表于 2018 年 2 月 1 日
• 

  帮助 Web 开发者解决 JavaScript 错误

  错误是您在编程时遇到的最令人沮丧的事情之一。控制台中的那些小消息可能会毁掉您的整个下午、一天或一周。当“undefined is not a function”再次出现时，通常是时候再喝一杯咖啡了。即使您使用的是唯一真正的 JavaScript 异常处理程序，并且有一个 […]

  发表于 2016 年 6 月 7 日
• 

  Canvas 2D：新文档、Path2D 对象、命中区域

  在过去的一年里，在 Adobe Web 平台团队的帮助下，Firefox 和其他最近的浏览器实现了一些新的 HTML Canvas 2D 功能。在 MDN 上，Canvas 2D 的文档得到了重大更新，以反映当前的 canvas 标准和浏览器实现状态。让我们来看看 […]

  发表于 2015 年 1 月 27 日