iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 30
0
自我挑戰組

花式PHP系列 第 31

Firefox:Quantum 57 for developers

  • 分享至 

  • xImage
  •  

前言

大家有看瀏覽器更新日誌的習慣嗎?

有時候透過瀏覽器更新日誌,
可以更好的了解瀏覽器又支援了哪些新的語法,或者是對舊有語法的調整。

底下以 Quantum 57 for developers 文件為例,示範可以從中找出哪些對開發有影響的更新。
希望能引起大家對瀏覽器更新日誌的興趣~

工商服務

另外大家都有聽說 Firefox 57 超級無敵快吧?
不過之後還能更快喔~Reddit上的討論串

firefox 58截至目前為止更新的內容也挺值得關注的!

HTML

更新 意義
The date and time input types are now enabled 前幾大瀏覽器終於都提供這兩種input的原生ui,不用非得要使用第三方的外掛了!

CSS

更新 意義
The minimal-ui and standalone values of the display-mode media query are now supported 這樣帶有這個設定的PWA就能在firefox獲得正確的ui呈現了
The grid-row-gap and grid-column-gap properties are no longer reset by the grid shorthand 有在作品中使用grid的朋友們可能會需要回頭看看它們是不是還正常
The layout.css.clip-path-shapes.enabled preference has been removed. This preference allowed disabling the <basic-shape> support in clip-path. This support was shipped in Firefox 54 and can no longer be disabled. 沒啥影響。

Quantum CSS notes

FIREFOX 57 搭載了重新設計的 CSS 引擎,
同時也修正了不少舊引擎在渲染、解析上的 bug。

JS

更新 意義
The non-standard for each...in (E4X) loop has been removed. 這種非標準的迭代語法要被移除了
The Object.prototype.watch() and unwatch() methods are deprecated, will now throw a warning when used, and will be removed soon 這兩個要棄用了,之後隨時有可能移除,你有使用過的話應該現在就要開始著手修正了!
Async generator is now enabled 非同步generator!又有新花樣可以跟下面一個搭配著玩啦!
for await (... of ...) syntax is now enabled 能迭代非同步物件的迴圈!

APIs

更新 意義
The PerformanceObserver API is now enabled by default 新API!
The AbortController and AbortSignal interfaces (known as the Abort API) have been added, allowing DOM requests (such as fetch requests) to be aborted if desired 新API!
The Storage API is implemented and enabled by default 新API!

DOM

更新 意義
The Selection.type property of the Selection API is now implemented Selection API 有新的參數可以設定了
The files property of the HTMLInputElement interface is now settable input 有新的 files 可以設定啦~

WEB RTC

這個區塊我無法 Orz

Other

更新 意義
Firefox headless mode now includes a -screenshot flag that allows you to take website screenshots directly from the command line 這樣就能自己寫自動化的截圖工具了吧

Removals from the web platform

HTML

更新 意義
<link rel="preload"> has been disabled in Firefox 57 because of various web compatibility issues. An improved version that works for non-cacheable resources is expected to land in Firefox 58. preload在57上會禁用,可能會稍微影響到效能吧?
Mozilla's proprietary Social API has been completely removed 應該沒差,只是mozilla自己的API被移除了

Changes for add-on and Mozilla developers

legacy addons

根本沒辦法執行啦~

WebExtensions

新增了一大堆可以用的 API 跟 manifest 參數~


上一篇
推薦一些好用的工具
系列文
花式PHP31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
培根
iT邦新手 3 級 ‧ 2018-01-29 16:38:06

【**此則留言已被本人移除**】

怎麼了嗎XD

0
牙膏大師!
iT邦新手 4 級 ‧ 2018-01-30 11:01:47

【**此則留言已被本人移除**】

我要留言

立即登入留言