请选择 进入手机版 | 继续访问电脑版
Mozilla

火狐社区

登录    注册

QQ互联

Firefox 73 为开发者带来的亮点一览

yingliu Mozilla员工 发表于 2020-2-17 12:04:42 | 显示全部楼层 [复制链接]
3 8832
本帖最后由 yingliu 于 2020-2-27 18:01 编辑

Firefox Browser.png

Firefox 73 于前两天刚刚发布,Mozilla 的高级技术作者 Chris Mills 在最新发表的一篇文章中,为大家分享了此次更新给开发者带来的亮点,下面一起来看看:

Web 平台语言功能

最新版的 Firefox 为 Web 平台提供了不少改进。首先是添加了 CSS 逻辑属性,包括 overscroll-behavior-block 和 overscroll-behavior-inline。这些新属性提供了 overscroll-behavior-x 和 overscroll-behavior-y 的逻辑替代,它们使开发人员能够更好地控制浏览器的行为,尤其是在达到滚动区域的边界时。

此外,现在还可以在 DateTimeFormat.prototype.formatToParts() 方法中使用 yearName 和 relatedYear 字段。CJK(中文、日文、韩文)日历由此受益,从而可以启用一些格式设置选项。

HTMLFormElement 接口也有了一个新方法 requestSubmit()。与旧的 commit() 方法不同,requestSubmit() 的行为就像单击了指定的提交按钮一样,而不仅仅是将表单数据发送给接收者。这将触发提交事件,并在实际数据提交之前检查表单的有效性。与此同时,旧的方法仍然可用。(注:原文作者最新声明,requestSubmit() 方法实际上还未加入 Firefox 73,其目标是在 Firefox 75 中启用。)

DevTools 更新

此版本还带来了一些 DevTools 更新。Chris 表示,他们经常通过 @FirefoxDevTools Twitter 帐户不断对 DevTools 用户进行调查,结果因此产生了许多有用的更新。 例如,根据其中一项反馈,现在可以从 “Inspector’s Changes” 面板中复制更清晰的 CSS 代码段,输出中的 + 和 - 号不再是复制文本的一部分。

稳定且快速

此版本的 DevTools 着重于提高性能。在 “Network” 面板中收集快速启动请求的过程变得更加轻快,这使得 UI 更加灵活。同样的,大型的源映射脚本现在在 Debugger 中也加载得更快,并且减轻了控制台的负担。

当在加载页面上打开 DevTools 时,在调试器中加载正确的源代码并非那么容易。因为实际上,现代浏览器被解析、渲染或执行,甚至不再被需要时,它们是很擅长清除原始文件的。而 Firefox 73 使脚本加载更加可靠,并能够确保开发人员获得正确的文件进行调试。

更智能的控制台

此前,CORS network errors 只是被显示为警告,因此当资源无法加载时,它们很容易被忽略。现在,它们正确地被报告为错误,而不是警告,从而具有了应有的可见性。

另外,表达式中声明的变量现在将包含在自动完成中。此更改使在多行编辑器中创作更长的片段变得更加容易。用于自动关闭括号的 DevTools 设置现在也可以在控制台中使用,从而给开发者带来更接近在 IDE 中进行创作的体验。

还有,你知道控制台日志可以设置背景样式吗?要获得更多的多样性,可以使用 data-uris 添加图像。该功能现在已经可以在 Firefox 中使用,Chris 举了一个例子,他在 Fetch 示例之一中尝试了此操作:

73开发者.png

然后得到了以下结果:

styled-console-message.png

在 Firefox 73 中,参数也是默认显示的,这将使得记录 JavaScript 函数更加直观。

最后,关于控制台的部分,当在控制台中执行文本或正则表达式搜索时,可以通过在搜索项前加上 “-”(即返回结果不包括该术语)来进行搜索。

WebSocket 检查器的改进

Firefox 71 带来的 WebSocket 检查器现在可以很好地打印 WAMP 格式的消息(采用 JSON、MsgPack 和 CBOR 格式)。Inspector 现在还可以指示何时关闭 WebSocket 连接。

wamp-ws-inspector.png
                    



本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Firefox 73 为开发者带来的亮点一览
本文地址:https://www.oschina.net/news/113405/firefox-73-for-developers
本文作者:xplanet                           
                                                                    

德亮Leslie 小狐狸
发表于 2020-2-17 15:35:26 | 显示全部楼层
沙发 沙发 沙发
wb670 社区新人
发表于 2020-2-27 15:34:14 | 显示全部楼层
请问火狐升级到70版本以后是去掉了webide吗
遇到了Firefox os 开发需求  只能选择安装70以下的版本吗?  如果是历史版本去哪里找
有独立的webide应用程序吗
wb670 社区新人
发表于 2020-2-27 15:36:58 | 显示全部楼层
请问升级到70版本以后webide去哪了,遇到了Firefox os的开发需求,只能用70以前版本吗
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表