- Chrome 61 では JavaScript モジュールがネイティブにサポートされ、モジュラー JavaScript の記述方法が統一されています。
navigator.share
を使用して、Android のネイティブ共有ダイアログをトリガーできるようになりました。- WebUSB API が導入されました。これにより、ウェブアプリからユーザーが許可された USB デバイスにアクセスできるようになります。
- 他にもいろいろあります。
変更内容の完全なリストを確認するには、Chromium ソース リポジトリの変更リストを確認します。
ピート ルページです。では、Chrome 61 のデベロッパー向けの新機能を詳しく見ていきましょう。
JavaScript モジュール
Chrome 61 では、<script type="module">
要素による JavaScript モジュールのネイティブ サポートが追加されています。これにより、Chrome では詳細な依存関係を並行して取得し、キャッシュを活用してページ間での重複を回避し、スクリプトを正しい順序で実行できるようになります。
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
この標準化されたモジュール システムでは、モジュラー JavaScript の記述方法とウェブブラウザへの提供方法が統一されています。将来的には、同じシステムが Node で使用できるようになる予定です。これにより、同型 JavaScript の記述とデプロイが容易になります。
モジュールと、モジュールの影響を受ける JavaScript の側面について詳しくは、以下のリンクをご覧ください。
Web Share API
ユーザーがお気に入りのソーシャル ネットワークで簡単にコンテンツを共有できるようにするには、ソーシャル ネットワークごとに共有ボタンをサイトに統合する必要があります。ページが肥大化します。UI にうまく収まらないこともあります。また、サードパーティのサイトのコードを含める必要があることを意味します。
現在 Chrome for Android でご利用いただける Web Share API を使用すると、ユーザー デバイスのネイティブ共有機能を呼び出せます。これにより、ユーザーはインストール済みの任意のネイティブ アプリとテキストやリンクを簡単に共有できます。
今後のリリースでは、インストール済みのウェブアプリとの共有もできるようになる予定です。
これを使用するには navigator.share
を呼び出して、共有するページの詳細を指定して、残りはシステムが処理します。
navigator.share({
title: document.title, text: 'Hello',
url: window.location.href
}).then(() => {
console.log('Successful share');
});
詳細と従うべきベスト プラクティスについては、Paul による WebShare API の更新をご覧ください。
WebUSB
キーボード、マウス、プリンタ、ゲームパッドなど、ほとんどのハードウェア周辺機器は、ハイレベルのウェブ プラットフォーム API でサポートされています。しかし、教育、科学、産業、その他の特別な USB デバイスをブラウザで使用するのは難しく、多くの場合、専門のドライバが必要になります。
Chrome が WebUSB API をサポートするようになりました。これにより、ユーザーが同意を示した後でウェブアプリが USB デバイスと通信できるようになります。セキュリティとプライバシーに関する考慮事項とそれらの対処方法について詳しくは、WebUSB の仕様をご覧ください。
準備が整ったら、Francois による WebUSB の更新に関する投稿をご覧ください。
など多数
scroll-behavior
CSS プロパティで、スクロールのスムーズさを指定できるようになりました。- CSS の 16 進数カラー値では、文字列の末尾に数字を追加してアルファ透明度を指定できるようになりました。
- Visual Viewport API を使用すると、画面コンテンツの相対位置にアクセスできるため、ピンチ&ズームなどの複雑な機能をより直接的にエクスポーズできます。
これらは、デベロッパー向けの Chrome 61 での変更点のほんの一部です。
YouTube チャンネルにチャンネル登録すると、新しい動画が公開されるたびにメール通知が届きます。
Chrome 62 のリリース時に Chrome の新機能をお知らせします