Safari 13.1は先頃、macOS Catalina、iPadOS、iOS、およびwatchOS向けにリリースされた。Safari 13.1は、WebKitエンジン、プライバシー、パフォーマンス、およびWeb開発者のエクスペリエンスの向上に努めている。
SafariのWebkitがWeb Animations APIをサポートするようになった。Web Animations APIを使用すると、開発者はブラウザのアニメーションエンジンにアクセスし、JavaScriptを使用してアニメーションを操作できる。APIはCSSアニメーションとCSSトランジションの両方の実装に関連しているため、開発者はインタラクティブアニメーションをスタイルシートからJavaScriptに容易に移動して、プレゼンテーションと動作を分離できる。JavaScriptはさらに、純粋な宣言型CSSよりも柔軟性とコントロールを提供する。
WebkitはAsync Clipboard APIもサポートするようになった。Clipboard APIは、クリップボードコマンド (切り取り、コピー、貼り付け) に応答する機能と、システムクリップボードから非同期で読み取りおよび書き込みを行う機能を提供する。Async Clipboard APIは、DataTransferよりも柔軟性が高いとレポートされており、開発者はアイテムごとに複数のタイプで複数のアイテムを作成できる。Async Clipboard APIは、macOSおよびiOSのWebサイトにプログラムによる貼り付けを可能にする。
WebKitはResizeObserverのサポートを追加し、開発者がビューポートだけでなくコンテナに応答するコンポーネントを設計できるようにした。Heydon Pickering氏は最近、ResizeObserverのおかげでコンテナクエリを実装した<watched-box /> Webコンポーネントをリリースした。CSS-Tricksの作成者でCodePenの共同創設者であるChris Coyier氏は、コンテナクエリの重要性について次のようにコメントしている:
コンテナクエリは、CSSに対して要求された改善のリストの一番上に常にあります。一般的な感覚として、コンテナクエリがある場合、ページサイズに基づいてグローバルメディアクエリを作成することはあまりありません。これは、実際にはよりスコープの広いコンテナを制御しようとしているためです。現在、メディアクエリを使用している唯一の理由は、CSSで使用できる最高のツールだからです。私は確信しています。
WebKitはCSS Shadow Partsを実装し、すべての主流ブラウザーにシャドウパーツのサポートをもたらした。CSS Shadow Partsを使用すると、作成者は、要素のプライベート部分のカプセル化と制御を維持しながら、要素定義の外部からスタイルを設定するカスタム要素の部分を公開できる。CSS Shadow Partsは、カスタム要素が組み込み要素と同じくらい便利に機能するための鍵である。
WebKitは、ES2020で導入された新しいJavaScript機能のサポートを改善し、新しいnullish coalescing演算子 (??) を実装する。WebKitは、StringのString.prototype.replaceAll()メソッドも実装している。
WebKitは、Picture-in-Picture API、Remote Playback APIなどの追加のAPIを実装し、DataCueでHLSの日付範囲メタデータを新たにサポートする。新しいWebKitは、パフォーマンスとセキュリティの向上ももたらす。詳細については、リリースノートをご覧ください。開発者は、WebKitの機能ステータスページを使用して、機能の変更をウォッチできる。