Firefox 49可修复WebKit网站

之前提过 Web 开发者应重视跨浏览器兼容性的理由,另访谈了几位 Web 开发者的秘诀。说到 Web 内容的兼容性,开发者以及浏览器厂商绝对扮演着重要角色。本文将为大家介绍几个兼容性的相关功能,也说明一下目前 WHATWG 兼容性标准的进度。

Firefox 49版本有几项很重要的变化,包含目前已支持多个 -webkit- 前缀,以及 WebKit 专属接口。这些平台的特色就是尚未成为标准、极为普遍、受特定内容提供商所爱用的。

即便浏览器内容已经依照标准而设计,但是非标准、不兼容的 CSS 却仍会破坏整个版面。浏览器若不支持 -webkit- 前缀(如 Firefox 48 或更低版本),浏览相关网站的网页效果就不佳,而且必须等到这些网站更新 CSS 之后才会有所改善。也因此 Firefox 49 通过以下变更来应对 WebKit 的特定内容:

  1. 支援 WebKitCSSMatrix() 界面。

  2. 支援 -webkit-gradient() 。

  3. 具有 -webkit- 前缀的属性,可对应其同义的标准属性。

  4. 具有 -webkit- 前缀的旧版 flexbox 属性,可直接对应为 -moz- 前缀的 flexbox 属性。

  5. 支持下列尚需前缀的 CSS 属性:

  • -webkit-text-fill-color

  • -webkit-text-stroke-color

  • -webkit-text-stroke-width

  • -webkit-text-stroke


(非)常见问题(iFAQ):

那对我代表了哪种意义?

对用户来说,专为 WebKit 浏览器所设计的网站(特别是移动设备),即通过上述改动来提升兼容性。

Firefox 49可修复WebKit网站

而开发者可能会想回头将无前缀的对等属性,新增到自己的 webkit 专用的 CSS 之上。理论上,Mozilla 总有一天会从 Web 平台上移除这类属性。给大家的专业建议:把无前缀的属性永远摆在最后面。

这样会破坏我的网站吧?

当然希望不会!但可通过下列设定来测试:

about:config?filter=layout.css.prefixes.webkit

如果有「变得更糟」的情形,请立刻到 bugzilla.mozilla.org 上报并发邮件通知 [email protected];也可通过 webcompat.com 上报。

我应该从现在开始使用 -webkit- 前缀吗?

其实没必要。但请记得要使用 Web 标准,并在多款浏览器上持续测试即可。如果必须使用 -webkit- 前缀(与以前相比,现在使用的理由更少了),请一定要将这些前缀摆在你无前缀的属性之前。

作者会持续更新兼容标准。如果你也想贡献,也有很多可帮忙的地方!

更多详情可前往火狐社区mozilla.com.cn

原博客标题:Firefox 49 fixes sites designed with WebKit in mind, and more


分享到:


相關文章: