- 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
:
ウェブアプリ マニフェスト。
ホーム画面からアプリを起動すると、アプリ以外のすべてのモバイル UI が 要素は非表示になります。
サンドボックス化された iframe の改善
新しい iframe Sandbox キーワードがサポート(Chrome 58)
allow-top-navigation-by-user-activation
。
このキーワードはユーザーの操作によってトリガーされると、サンドボックス化された iframe に 自動リダイレクトはブロックしつつ、最上位レベルのページを移動することはできません。
その他
もちろん、他にもたくさんのことがあります。
clearfix
のハッキングとはお別れです。手動でリセットする代わりに 複数のレイアウト プロパティがありますが、display: flow-root
を使用したブロック形式のコンテキスト。PointerEvents.getCoalescedEvents()
を使用すると、すべての入力イベントにアクセスできます。 (PointerEvent
が最後に配信された時点以降)次のような場合に最適 描画アプリなどを使用する場合に、正確なポイント履歴が必要になります。- また、
data:
URL を使用してWorkers
とSharedWorkers
を作成できるようになりました。 不透明なオリジンを指定することで、Workers
を使用した開発の安全性を高めます。
これらは、デベロッパー向け Chrome 58 の変更のほんの一例です。
この動画が気に入った場合は、 デザイナーかデベロッパーか、 デザイナーが直面する課題を解決しようとする新しい動画シリーズを 開発者が互いに協力し合うことです
次に、定期購入: YouTube チャンネル 新しい動画が公開されるたびにメール通知が届きます。
Chrome 59 がリリースされたらすぐに対応して では Chrome の新機能を紹介します。