火狐电竞Firefox 76:Audio Worklet 和其他诀窍
发布时间:2022-11-12 15:03:02

  对于深受用户喜爱的浏览器来说,新版本必定值得期待。我们的 Firefox 76 终于面世了!Web 平台支持在此版本中新增了许多精彩功能,例如Audio Worklet和 JavaScript 的Intl 改进。另外,Firefox Dev Tools 中也添加了诸多改进,让开发变得更加轻松快捷。

  与往常一样,请继续阅读了解重点内容,或从以下文章中查找所有新增功能的完整列表:Firefox 76 开发人员必读Firefox 76 网站兼容性Firefox 76 最终用户发行说明

  开发人员工具补充在这个发行版本中,DevTools 的每个面板都有值得关注的更新。另外,也可通过Firefox Dev Edition预览即将推出的功能。

  火狐电竞

  在 Debugger 中忽略整个文件夹许多时候,调试的重点仅放在那些存在纰漏的文件上。通过“放进黑箱”,您可以告诉Debugger忽略不需要调试的文件。现在对于文件夹也能轻松办到,而这要归功于Stepan Stava在 Debugger 的 “Sources” 面板中加入的上下文菜单。“忽略”的对象可被限制为选定文件夹里面或外面的文件。结合使用 “Set directoryroot”,就能实现精准调试体验。

  折叠较长的 Console 代码片段输出Console多行编辑器模式完美适合迭代较长的代码片段。根据我们之前收到的反馈,用户不希望 Console 输出中看到重复的代码,以便能避免凌乱不堪。感谢thelehhman的贡献,现在能轻松折叠含有多行代码的代码片段,并可在需要时展开。

  火狐电竞

  复制调用堆栈中的完整 URL在 Debugger 中复制堆栈,轻松共享分步执行的快照。如此一来,提交 Bug 错误更加便捷,移交给同事也很方便。为了让合作者们获得 Bug 错误的完整上下文信息,调用堆栈面板的 “Copy stack trace” 菜单现在可以复制完整的 URL,而不仅仅是文件名。

  Firefox的 JSON 预览中始终提供“Expand All”选项通过内置的 JSON 文件预览功能,轻松搜索响应和探索 API 端点火狐电竞。这也适用于大文件,随时根据需要展开其中的数据。感谢zacnomore的贡献,“Expand All” 选项现在始终可见。

  更多网络检查诀窍Firefox 76 中的Network Monitor让用户能够更加轻松地访问网络信息。

  WebSocket检查中支持 Action CableWebSocket 库使用许多不同的格式来编码其消息火狐电竞。我们希望正确解析和格式化它们的有效负载火狐电竞,从而方便您阅读。在以前的发行版中,我们添加了对 Socket.IO、SignalR 和 WAMPWebSocket 消息检查的支持。感谢Uday Mewada的贡献,Action Cable 消息现在也能妥当地格式化。

  隐藏 WebSocket 控制帧WebSocket 控制帧供服务器和浏览器用于管理实时连接,但它们不含任何数据。kishlaya.j贡献了一个新思路,通过默认隐藏控制帧来为您的调试再减少一些干扰。当您需要查看时,也可在已发送/已接收下拉菜单中启用。

  调整 Network 表格列宽度来适配内容在从浏览实时更新转向关注特定数据点时,网络请求与响应数据可能会令您烦恼不已。通过自定可见的 Network 面板列,您可以根据手边的问题来调整输出。这在过去需要许多拖放与大小调整操作才能实现。感谢Farooq AR的贡献,现在可以通过双击表格的大小调整手柄,像现代数据表中一样将列宽度调整为与内容匹配。

  火狐电竞

  更好的 Network 响应细节和复制我们收到了反馈,用户希望能更加轻松地复制网络数据部分作进一步分析。现在,Network 详细信息中的 “Response” 部分得到了现代化,通过加快渲染速度并提高可靠性,使检查和复制变得更加轻松。因为有大家的贡献,我们很快会给 Network 分析添加更多易用性改进。

  Developer Edition是 Firefox 的预发布渠道火狐动态,可以抢先体验各种工具和平台功能。该版本的默认设置中为开发人员开启了更多功能。我们乐于将新功能快速引入 Developer Edition,以便收集反馈信息,重点包括以下内容。

  首先,我们期盼大家对 Dev Edition 77 中新兼容性面板谏言纳策。此面板会告知可能在其他浏览器中不受支持的 CSS 属性,可以通过 Inspector 来访问。您不妨试验一下,并使用 “Feedback” 链接分享它给您的体验,告诉我们如何能进一步改进。

  Web平台更新我们来看看 Firefox 77 在网络平台更新方面带来了什么。

  基本思路是:定义一个用于负责音频处理的Audio Worklet Processor,再将它注册。

  接着在您的主脚本中,加载此处理器,创建一个Audio Worklet Node实例,并将处理器名称传递给这个实例。最后,将节点与音频图表连接。

  如需更多信息,请阅读我们有关使用 Audio Worklet 进行后台音频处理的指南。

  HTMLinput对于值为期间的控制类型,HTMLinput元素的minmax属性在 min 值大于 max 值时现在也能正常运作。(期间值以固定间隔重复,达到终点时轮回到起点。)这对于 date 和 time 输入特别有用;例如,指定一个从 11 PM 到 2 AM 的时间范围。

  浏览器扩展FirefoxProfiler是一款可用于分析和改进网站在 Firefox 中性能的工具。现在,它可以在网络请求被webRequest 拦截处理程序暂挂时显示标记。这对于内容拦截扩展开发人员而言特别有用,方便他们确保 Firefox 保持快速运行。

  总结以上就是 Firefox 的最新版本,希望您能喜欢这些新功能!与过去一样,欢迎您随时留言反馈并提出疑问。