Chrome 39の新しいもの

Chromeブラウザーは6年間開始されていますが、バージョン数の成熟度を急速に入力しています。 Chrome 39が利用可能になり、インストールした可能性があります。このリリースには、いくつかの素晴らしい新機能が含まれています...そして少し疑わしい追加が1つか2つあります。

ecmascript 6ジェネレーター

ジェネレーターは、function*を使用してイテレーターを作成する特別な関数です。イテレーターは、値を返すように呼び出されるnext()メソッドを備えたオブジェクトです。ジェネレーター関数は、yieldステートメントを使用して、シーケンスの次の値を提供します。

arunoda susiripalaは、JavaScriptジェネレーターとコールバック予防の基本的な例を提供します：

<code class="language-javascript">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}</code>

Chrome、Opera、およびFirefox 31は、ECMAScript 6ジェネレーターをサポートしています。

beacon api

新しいビーコンAPIを使用すると、応答を待たずにサーバーにデータを送信できます。リクエストはキューに登録され、ブラウザはこれらのリクエストをできるだけ早く送信しますが、現在のページのアンインストールや次のページの読み込みを遅らせないことが重要です。

navigator.sendBeacon()は、URLとデータ（おそらく文字列またはformData値）を受け取ります。通常、統計を転送するために使用できます。

<code class="language-javascript">navigator.sendBeacon('/log', 'page-unloaded');</code>

ブラウザがビーコンリクエストを正常にキューすると、メソッドは

を返します。 trueが返された場合、何ができるかはわかりませんが、ビーコンは基本的な機能やメッセージングには適用されません。 false

Chrome、Opera、およびFirefox 31はビーコンAPIをサポートしています。

Webアニメーションコントロール

WebアニメーションはChrome 36で利用できます。コンセプトは、javascriptからのシンプルなCSS3のようなキーフレームとアニメーション宣言を次のように許可することです。

利点は、ユーザーの入力またはその他の条件に基づいて再生を制御および同期できることです。 Chrome 39は、

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

、

、play()、pause()などの再生方法を追加します（アニメーションを最終的な状態にします）、reverse()（すべての効果をクリア）。 finish() cancel() WebアニメーションをシンプルなCSS3アニメーションと

を使用した複雑なJavaScriptフルフレームコントロールとして考えることと、独自のタイミング関数を使用することとのトレードオフ。平均的なWebエフェクトには少し多すぎるかもしれませんが、ゲームには十分に強力ではありません。アプリとプレゼンテーションは良いユースケースかもしれませんか？

requestAnimationFrame現在、ChromeとOperaブラウザのみがWebアニメーションをサポートしています。サポートはFirefox Nightlyバージョンで利用でき、PolyFillは利用できますが、テクノロジーはしばらく安定していません。

Webアプリケーションリスト

アプリケーションキャッシュマニフェストと混同しないでください。Webアプリケーションマニフェストは、名前、開始アドレス、アイコン、ディスプレイモード、オリエンテーションなどのメタデータを配置できるJSONファイルです。

HTMLヘッダーにリンクを追加する必要があります：

およびマニフェストファイル自体、たとえば：

<code class="language-html"><link rel="manifest" href="manifest.json"></code>

<code class="language-javascript">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}</code>

これは、最終的に、各ページの上部からiOSアイコンサイズの57の代替品を削除できることを意味します... AppleがSafariでこのテクノロジーを実装することを決定したとします！

クロスブラウザーのサポートは不均一です。 Firefoxは市場にリストを使用していますが、プロパティ名にいくつかの違いがあるようです。

Windows 7没入モード

Windows 7で没入型モードに切り替えると、ChromeはWindows 8のフルスクリーンメトロアプリのように振る舞います。奇妙なことに、Chrome OSに似た半透明のタスクバーをWindowsタスクバーの上に配置します。独自のスタートボタンとクロックを使用しています。

なぜ？ Windows 7ユーザーがWindows 8のエクスペリエンスを必要とする場合、アップグレードできます。ただし、多くのWindows 7ユーザーがオペレーティングシステムに固執することを選択する理由があります。Windows8は必要ありません。

私はまた、GoogleがChrome OSウィジェットを他のオペレーティングシステムに忍び寄るという主張に混乱しています。ここにはクロムアプリのアイコンは大丈夫です - しかし、ネイティブ機能をコピーすることは意味がありません。たぶん、彼らはクロムOSを使用するために人々を引き付けたいと思っていますが、彼らを悩ませることは役に立ちません。

その他のアップデート

いくつかの小さな機能もあります...

• ログインせずにプレイストアに無料のChromeアプリをインストールできるようになりました。
高DPI/Retina画面で
• scrollTop scrollLeft保存されたパスワードを編集できるようになりました。
• 今、Mac OSで利用できるChromeの64ビットバージョンのみがあります。
• SHA-1暗号化は段階的に廃止されており、SHA-2に置き換えられています。
メニューの拡張ボタンアイコンの実験的サポートが追加されました（about：flagsで拡張ツールバーの再設計を有効にします）。
• 追加の問題とFirefoxのいくつかはいくつかの機能に追いついていますが、39バージョンはまだ素晴らしいアップデートです。 Chromeはまだ高速で安定しており、Webユーザーのほぼ半数に優先されるブラウザです。推奨使用。

以上がChrome 39の新しいものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。