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

火狐社区

登录    注册

用新浪微博连接 QQ互联

Firefox 61 开发者版本:新功能与特点

yingliu Mozilla员工 发表于 2018-7-13 15:49:32 | 显示全部楼层 [复制链接]
2 3821
本帖最后由 yingliu 于 2018-7-13 15:56 编辑

Firefox 61 的开发者版本(Developer edition)已经上线一段时间了,相信很多用户也已经看到了众多新功能及改善成果,今天就来介绍一下。

更黑的黑色主题

此版本从电影《摇滚万万岁》(Spinal Tap) 中汲取灵感,将浏览器的黑色主题画面上更多区块变黑,其中也包括新标签页。

61darktheme.png

通过 Page Action 菜单中「加入搜索引擎」(Add Search Engine)选项,可搜索的网站现在也可以加入 Firefox。被加入的网站必须使用 OpenSearch 默认数据来描述其搜索 APIs。

Screen-Shot-2018-05-14-at-23.04.13.png

还有,如果你选的是黑色主题的话,Page Action 菜单也将是黑色。

更强大的开发者工具

除了原代码映射表(source maps)以外,Firefox 61 很了解 Bable 和 Webpack 等工具运行的模式,让用户可在 Debugger 内无缝检查并运用原始的程序代码,就像程序代码不曾被打包和压缩(minify)一样。此外,我们正努力加入原生支持,以便检查如 React 等现代框架的组件和规模。

想要进一步了解更多信息,请参考这篇文章:现代网页应用 Debug

更好的开发者工具

开发者工具已完成多项改善,使用起来更方便易用。

现在,您可以按照自己的工作流来重新整理工具;活动窗口所容纳不下的标签页则将放在 overflow 菜单中,供随时选用。

devtooltabs.gif

Network 面板增加很显眼的下拉菜单,可以调控网络降频,以及汇入/汇出 HTTP Archive (HAR) 档案。

Screen-Shot-2018-05-14-at-23.38.31.png

另外,DevTools 各方面的速度也进一步提升,并把性能测试与追踪设为明确的任务。未来还将陆续推出更多的改进。

随着 Firefox Quantum 的发布,Mozilla 已经使用基本的网络科技来重新部署许多开发者工具。这些网络技术包括:HTML、JavaScript 和 CSS。就连 DevTools 内部也使用 React!这意味着只要您知道如何在 Web 上建立东西,就能在 DevTools 上动手 hack。如果您想动手尝试的话,Mozilla 已准备好一套非常实用的快速入门指南,其中还包含了解决一些「新手好 bugs」(good first bugs) 方法的建议。

辅助功能检查器(Accessibility Inspector)

Firefox 61 开发者版本还加入全新的工具——辅助功能检查器,可呈现出屏幕阅读器或其他辅助软件所看到的页面逻辑架构。

Screen-Shot-2018-05-14-at-23.30.17.png

此为低阶工具,其用途在于帮助您了解 Firefox 和其他屏幕读取器将如何「看」您的网页内容。如需获取更多信息,包括启用与使用此新工具的方法,请参考 Marco Zehe 的文章:辅助功能检查器简介 (Int roducing the Accessibility Inspector)。如果您想找更多工具来检查和改善网站易用度的话,不妨考虑如aXe Developer ToolsWAVE Accessibility Extension 等附加组件。

幕后工作

最后,Mozilla 已加强与重整多项功能,把 Firefox 变成更好的浏览器。

·       Firefox 现在通过多重的平行线程来剖析 CSS 样式表单:这可大幅缩短网站开始渲染的时间(time to first paint),当单一页面上有许多样式表单时,效果更为显著。

·       针对智能手机与平板常见的 AArch64 CPU 架构,导入多层级 WebAssembly 编译程序:欢迎阅读 Lin Clark 的文章:让 WebAssembly 跑得更快(Making WebAssembly Even Faster),进一步了解此设计的好处。

·       和 Windows 系统一样,macOS 的浏览器与附加组件现也有专属的独立处理流程:延续了多程序 Firefox 的开发工作,即使当附加组件忙着处理任务时,Firefox 本身的响应速度也丝毫不受影响。

Firefox 61 的 Beta开发者版本已经上线,并已于 6 月 26 日正式发布了稳定版。如果想随时掌握 Firefox 的最新开发进度,欢迎关注 Firefox Nightly 博客@FirefoxNightly 推特账号。



310971373 狐狸精
发表于 2018-7-19 08:53:24 | 显示全部楼层
沙发沙发,支持哦~~
wenxiayili 社区新人
发表于 2018-7-21 21:08:02 | 显示全部楼层
您好,我是一名web开发者(中国北京)。最近的一段时间,我更新到最新版之后,发现Devtool中,里面的网络功能模块中的"编辑和重发"不能使用了,请问这是什么原因?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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