特色文章
-
Firefox 70 — 一个丰收的版本
Firefox 70 今天发布,包含了许多很棒的新功能,例如使用 Lockwise 进行安全密码生成和新的 Firefox 隐私保护报告,以及开发者的一些酷炫补充。这些包括 DevTools 中的 DOM 变异断点和未使用的 CSS 规则指示器,几个新的 CSS 文本属性,双值显示语法和 JS 数字分隔符。在本文中,我们将仔细看看一些亮点!
-
使用 CSS Grid(和 Subgrid!)加速布局
CSS Grid 自 2017 年初以来已在大多数主流浏览器中可用,它使网页布局比以往任何时候都更加强大。但是,复杂的新语法(行名!网格区域!minmax!fit-content!fr 单位!)以及缺少 IE11 支持可能会让人望而生畏。不要让这阻止你。Miriam Suzanne 提供了一些你可以立即使用的基本方法。
-
使用 web-ext 3.2.0 开发跨浏览器扩展
web-ext 工具由 Mozilla 创建,旨在帮助你更快、更轻松地构建浏览器扩展。虽然我们的首次发布重点关注对桌面 Firefox 浏览器的支持,随后是 Android 版 Firefox,但我们的愿景始终是在我们发布 Firefox 支持后支持跨平台开发。借助 3.2.0 版本,你终于可以使用
web-ext
来真正构建跨平台扩展了! -
Firefox 的全新 WebSocket 检查器
Firefox DevTools 团队和我们的贡献者整个夏天都在努力工作,让 Firefox 70 充满了改进。我们对我们的新 WebSocket 检查功能尤其感到兴奋。要立即使用检查器,请下载 Firefox 开发者版,然后打开 DevTools 的网络面板以查找“消息”选项卡。然后,继续阅读以了解有关 WebSocket 以及新面板具有的技巧的更多信息。
-
Mozilla 开发者巡回演讲:Firefox、WebAssembly、CSS、WebXR 等
Mozilla 开发者巡回演讲项目于 2017 年启动,旨在通过免费活动和合作伙伴关系,将专家演讲者和 Web 技术更新带到当地社区。查看我们夏季巡回演出的视频播放列表,其中包含有关混合现实、WebAssembly、现代 CSS 等主题的演讲。或者立即注册参加亚洲即将举行的巡回演讲活动。
-
为什么 CSS 如此奇怪?
CSS 是 Web 的设计语言——三种核心 Web 语言之一——但它似乎也是最具争议性和令人困惑的。它既容易又难,既脆弱又弹性。无论你爱它还是恨它,CSS 都是奇怪的:它不完全是标记语言,也不完全是通常意义上的编程(命令式),而且与我们用于印刷的设计程序完全不同。我们是怎么走到这一步的?
-
来自 Mozilla 开发者的视频短片
今天,我们推出了一个新的视频频道,并选择了一些短片作为开始。由 Deja Hodge 为你介绍 Web 上的暗模式。然后,Jen Simmons 向我们展示了如何在 Firefox 开发者工具中访问一个方便的第三个面板。Miriam Suzanne 制作了一个关于
::marker
伪元素和列表计数器的视频。无论你的经验水平或工作描述如何,我们都在共同努力,为 Web 的未来健康而努力,Mozilla 在这里提供帮助。 -
Firefox DevTools 中的 WebHint:改进兼容性、可访问性等
在不同的浏览器中创建外观和效果都良好的体验是 Web 上最大的挑战之一。它也可能是最有益的部分,因为它可以让你的应用程序接触到尽可能多的用户。在开发过程的后期测试旧版浏览器可能会破坏你花费数小时构建的功能,甚至可能需要重写才能修复。如果你的主要开发浏览器中的工具可以更早地警告你呢?通过 Firefox DevTools 中的 WebHint,我们可以做到这一点,以及更多。
-
探索与 Mozilla Hubs 的协作和沟通
当我们关注 WebXR API 等混合现实的进步时,我们能够探索通过技术与他人建立更紧密联系的方式。Mozilla 的 Hubs 基于 WebRTC 构建,支持用户在共享虚拟环境中进行实时对话。用户在称为头像的 glTF 格式中体现 3D 模型。为 Hubs 提供动力的代码可在 GitHub 上在线获取,并根据 MPL 发布,我们欢迎社区的贡献。
-
将 Firefox 转向更快的 4 周发布周期
构建和发布浏览器是一项复杂的任务,涉及许多参与者。为了优化流程并使其对所有用户更可靠,多年来我们开发了一个分阶段发布策略,其中包括“预发布”渠道:Firefox Nightly、Beta 和 Developer Edition。从 2020 年第一季度开始,我们将进行更改。我们计划每 4 周发布一个主要 Firefox 版本!