Chrome 瀏覽器雖然已經(jīng)問(wèn)世六年，但在版本號(hào)上卻正迅速步入成熟期。Chrome 39 現(xiàn)已發(fā)布，您可能已經(jīng)安裝了它。此版本包含一些不錯(cuò)的全新功能……以及一兩個(gè)略顯可疑的補(bǔ)充。

ECMAScript 6 生成器

生成器是使用 function* 聲明的特殊函數(shù)，用于創(chuàng)建迭代器。迭代器是一個(gè)具有 next() 方法的對(duì)象，調(diào)用該方法以返回一個(gè)值。生成器函數(shù)使用 yield 語(yǔ)句提供序列中的下一個(gè)值。

Arunoda Susiripala 在《JavaScript 生成器和防止回調(diào)地獄》中提供了一個(gè)基本的示例：

function* HelloGen() {
    yield 100;
    yield 400;
}

var gen = HelloGen();

console.log(gen.next()); // {value: 100, done: false}
console.log(gen.next()); // {value: 400, done: false}
console.log(gen.next()); // {value: undefined, done: true}

Chrome、Opera 和 Firefox 31 均支持 ECMAScript 6 生成器。

Beacon API

新的 Beacon API 允許您將數(shù)據(jù)發(fā)送到服務(wù)器，而無(wú)需等待響應(yīng)。請(qǐng)求會(huì)被排隊(duì)，瀏覽器會(huì)在第一時(shí)間發(fā)送這些請(qǐng)求，但重要的是——它不會(huì)延遲當(dāng)前頁(yè)面的卸載或下一頁(yè)面的加載。

navigator.sendBeacon() 會(huì)接收一個(gè) URL 和數(shù)據(jù)（可能是字符串或 FormData 值）。通常，它可用于傳輸統(tǒng)計(jì)信息，例如：

navigator.sendBeacon('/log', 'page-unloaded');

如果瀏覽器成功排隊(duì)了 Beacon 請(qǐng)求，則該方法返回 true。我不確定如果返回 false 可以做什么，但 Beacon 不應(yīng)用于基本功能或消息傳遞。

Chrome、Opera 和 Firefox 31 均支持 Beacon API。

Web 動(dòng)畫(huà)控制

Web 動(dòng)畫(huà)已在 Chrome 36 中推出。其理念是允許從 JavaScript 中進(jìn)行簡(jiǎn)單的類(lèi)似 CSS3 的關(guān)鍵幀和動(dòng)畫(huà)聲明，例如：

var myanimation = myelement.animate([
    { color: "#f00" },
    { left: "20em" },
    { transform: "rotate(180deg)" }
], {
    duration: 1000,
    iterations: 1,
    delay: 0
});

其優(yōu)勢(shì)在于，您可以根據(jù)用戶(hù)輸入或其他條件控制和同步播放。Chrome 39 添加了播放方法，例如 play()、pause()、reverse()、finish()（將動(dòng)畫(huà)置于其最終狀態(tài)）和 cancel()（清除所有效果）。

可以將 Web 動(dòng)畫(huà)視為簡(jiǎn)單的 CSS3 動(dòng)畫(huà)和使用 requestAnimationFrame 和您自己的計(jì)時(shí)函數(shù)的復(fù)雜 JavaScript 全幀控制之間的折衷方案。對(duì)于一般的網(wǎng)頁(yè)效果來(lái)說(shuō)，它可能有點(diǎn)過(guò)分，但對(duì)于游戲來(lái)說(shuō)又不夠強(qiáng)大。應(yīng)用程序和演示文稿可能是不錯(cuò)的用例？

目前只有 Chrome 和 Opera 瀏覽器支持 Web 動(dòng)畫(huà)。Firefox nightly 版本中提供了支持，并且可以使用 polyfill，但該技術(shù)在一段時(shí)間內(nèi)不會(huì)穩(wěn)定。

Web 應(yīng)用清單

不要與應(yīng)用程序緩存清單混淆，Web 應(yīng)用清單是一個(gè) JSON 文件，您可以在其中放置元數(shù)據(jù)，例如名稱(chēng)、起始地址、圖標(biāo)、顯示模式、方向等。

您需要在 HTML 頭部添加一個(gè)鏈接：

<link rel="manifest" href="manifest.json">

以及清單文件本身，例如：

function* HelloGen() {
    yield 100;
    yield 400;
}

var gen = HelloGen();

console.log(gen.next()); // {value: 100, done: false}
console.log(gen.next()); // {value: 400, done: false}
console.log(gen.next()); // {value: undefined, done: true}

這最終意味著我們可以從每個(gè)頁(yè)面的頂部刪除 57 個(gè) iOS 圖標(biāo)大小的替代方案……假設(shè) Apple 決定在 Safari 中實(shí)現(xiàn)這項(xiàng)技術(shù)！

跨瀏覽器支持參差不齊。Firefox 將清單用于其市場(chǎng)，但屬性名稱(chēng)似乎存在一些差異。

Windows 7 沉浸式模式

在 Windows 7 上切換到沉浸式模式會(huì)使 Chrome 的行為有點(diǎn)像 Windows 8 全屏 Metro 應(yīng)用程序。奇怪的是，它會(huì)在 Windows 任務(wù)欄上方放置一個(gè)類(lèi)似 Chrome OS 的半透明任務(wù)欄——帶有自己的開(kāi)始按鈕和時(shí)鐘。

為什么？如果 Windows 7 用戶(hù)想要 Windows 8 體驗(yàn)，他們可以升級(jí)。但是，許多 Windows 7 用戶(hù)選擇堅(jiān)持使用該操作系統(tǒng)是有原因的：他們不想要 Windows 8！

我還對(duì) Google 堅(jiān)持將 Chrome OS 小部件偷偷添加到其他操作系統(tǒng)感到困惑。這里和那里的 Chrome 應(yīng)用圖標(biāo)是可以的——但復(fù)制本機(jī)功能毫無(wú)意義。也許他們希望吸引人們使用 Chrome OS，但惹惱他們不會(huì)有幫助。

其他更新

還有一些較小的功能……

• 您現(xiàn)在可以安裝 Play 商店中的免費(fèi) Chrome 應(yīng)用，無(wú)需登錄。
• 在高 DPI/Retina 屏幕上，scrollTop 和 scrollLeft 現(xiàn)在返回像素的分?jǐn)?shù)。如果您認(rèn)為像素完美很糟糕，請(qǐng)等待客戶(hù)開(kāi)始要求亞像素完美！
• 現(xiàn)在可以編輯保存的密碼。
• 現(xiàn)在，Mac OS 上僅提供 64 位版本的 Chrome。
• SHA-1 加密正在逐步淘汰，取而代之的是 SHA-2。
• 已添加對(duì)菜單內(nèi)擴(kuò)展按鈕圖標(biāo)的實(shí)驗(yàn)性支持（在 about:flags 中設(shè)置 啟用擴(kuò)展工具欄重新設(shè)計(jì)）。

盡管添加了一些有問(wèn)題的功能，并且 Firefox 也趕上了部分功能，但 39 版本仍然是一個(gè)很棒的更新。Chrome 仍然快速、穩(wěn)定，并且是近一半網(wǎng)絡(luò)用戶(hù)的首選瀏覽器。推薦使用。

以上是什么是Chrome 39中的新內(nèi)容的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！