Chrome 58 の新機能

  • Chrome で IndexedDB 2.0 標準が完全にサポートされるようになりました。 新しいスキーマ管理、一括操作メソッドなど 標準化された障害処理方法を提供します
  • プログレッシブ ウェブアプリは、 display: fullscreen
  • allow-top-navigation-by-user-activation はサンドボックス化します。 iframes 個の新しいパワー
  • 他にも他にもたくさんの機能があります。

変更内容の完全なリストについては、詳しくは、 Chromium ソース リポジトリの変更リスト

Pete LePage と申します。Chrome 58 のデベロッパー向け新機能を見てみましょう。

IndexedDB 2.0

サイトのデータベース構造はパフォーマンスに大きな影響を与えます。 変更しにくくなります IndexedDB 2.0 変えることです。

  • object ストアと indexes の名前を 見ていきましょう。
  • バイナリキーにより、パフォーマンスを気にすることなく、より自然なキーを使用できます。 ペナルティがあります
  • データの取得は、getKey()openKeyCursor()continuePrimaryKey() メソッド。

また、データセット全体の一括復元には、 getAll()getAllKey()

全画面表示のプログレッシブ ウェブアプリ

Android のホーム画面からプログレッシブ ウェブアプリを起動すると、 アドレスバーを非表示にするスタンドアロン アプリのようなモードで起動します。これにより、 魅力的なユーザー エクスペリエンスを実現し、画面のスペースをコンテンツのために確保できます。

没入感のあるエクスペリエンス(ゲーム、動画プレーヤー、 その他のリッチ コンテンツを使用している場合、システムバーなどのモバイル UI 要素を やはり気が散り、必要な価値あるピクセルを占めてしまうことがあります。

以下の設定を使用して、プログレッシブ ウェブアプリに没入感を display: fullscreen: ウェブアプリ マニフェスト

<ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">
</ph> ホーム画面から起動された PWA(左)、ホーム画面から起動された PWA standalone モード(中央)に設定され、ホーム画面から起動 fullscreen モード(右)。

ホーム画面からアプリを起動すると、アプリ以外のすべてのモバイル UI が 要素は非表示になります。

サンドボックス化された iframe の改善

新しい iframe Sandbox キーワードがサポート(Chrome 58) allow-top-navigation-by-user-activation

このキーワードはユーザーの操作によってトリガーされると、サンドボックス化された iframe に 自動リダイレクトはブロックしつつ、最上位レベルのページを移動することはできません。

その他

もちろん、他にもたくさんのことがあります。

  • clearfix のハッキングとはお別れです。手動でリセットする代わりに 複数のレイアウト プロパティがありますが、 display: flow-root を使用したブロック形式のコンテキスト。
  • PointerEvents.getCoalescedEvents() を使用すると、すべての入力イベントにアクセスできます。 (PointerEvent が最後に配信された時点以降)次のような場合に最適 描画アプリなどを使用する場合に、正確なポイント履歴が必要になります。
  • また、data: URL を使用して WorkersSharedWorkers を作成できるようになりました。 不透明なオリジンを指定することで、Workers を使用した開発の安全性を高めます。

これらは、デベロッパー向け Chrome 58 の変更のほんの一例です。

この動画が気に入った場合は、 デザイナーかデベロッパーか、 デザイナーが直面する課題を解決しようとする新しい動画シリーズを 開発者が互いに協力し合うことです

次に、定期購入: YouTube チャンネル 新しい動画が公開されるたびにメール通知が届きます。

Chrome 59 がリリースされたらすぐに対応して では Chrome の新機能を紹介します。