Articles by Florian Scholz
-
Firefox 79: The safe return of shared memory, new tooling, and platform updates
Firefox 79 offers a new Promise method, more secure
target=_blanklinks, logical assignment operators, tooling improvements for better JavaScript debugging, and many other updates of interest to web developers. In addition, shared memory is back at last, with a safer implementation. -
New in Firefox 78: DevTools improvements, new regex engine, and abundant web platform updates
Firefox 78 heads heads out the door with a new regex engine, updates to the ECMAScript Intl API, new CSS selectors, enhanced support for WebAssembly, some important WebExtensions API updates, and many improvements to the Firefox Developer Tools.
-
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 […]
-
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 […]
-
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 […]
-
New in Firefox 77: DevTool improvements and web platform updates
Firefox 77 is now available with a variety of developer tool updates and new web platform features. With your feedback, we've removed performance bottlenecks, resulting in faster, leaner JavaScript debugging. We also report on some changes to Firefox extensions, including fewer permission requests.
-
Caniuse and MDN compatibility data collaboration
Today we’re announcing the integration of MDN’s compat data into the caniuse website. Together, we’re bringing even more web compatibility information into the hands of web developers.
-
MDN browser compatibility data: Taking the guesswork out of web compatibility
The most powerful aspect of the web is also what makes it so challenging to build for: its universality. When you create a website, you’re writing code that needs to be understood by a plethora of browsers on different devices and operating systems. To allow for browser compatibility data to be accessed programmatically rather than requiring developers to manually search for it, the MDN community is working on migrating the compatibility information currently stored on thousands of wiki pages to a machine-readable JSON format in a GitHub repository.
-
Helping web developers with JavaScript errors
Errors are one of the more frustrating things you encounter while programming. Those little messages in the console can ruin your entire afternoon, day, or week. When “undefined is not a function” appears yet again, it’s often time to get another coffee. Even if you use the one true JavaScript exception handler, and have a […]
-
Canvas 2D: New docs, Path2D objects, hit regions
Over the last year, a couple of new HTML Canvas 2D features were implemented in Firefox and other recent browsers, with the help of the Adobe Web platform team. Over on MDN, the documentation for Canvas 2D got a major update to reflect the current canvas standard and browser implementation status. Let’s have a look […]
