Apple、Safari Technology Previewをリリース27にアップデート、Webインスペクタもアップデートc

AppleはSafari Technology Previewの27番目のリリースをリリースしました。このプレビューブラウザは、開発者がmacOSとiOSに将来導入される新しいWebテクノロジーを事前に確認できるように特別に設計されています。本日のアップデートには、ブラウザ全体にいくつかの変更が加えられ、Webインスペクタのアップデートも多数含まれています。

Safari Technology Previewのすべてのリリースと同様に、本日のアップデートは開発者とその作業に直接影響を与える変更に重点を置いています。例えば、リリース27では「Originからページを再読み込み」機能が導入され、開発者はキャッシュデータを一切使用せずにページを再読み込みできるようになります。

最新のSafari Technology Previewをダウンロードしたい開発者は、AppleのSafari開発者ページからダウンロードできます。既に最新リリースをご利用の開発者は、Mac App Storeからアップデートをダウンロードできます。

Safari テクノロジープレビューリリース 27 の完全なリリースノートは以下からご覧いただけます。

ブラウザの変更

「表示」メニューに「Originからページを再読み込み」という代替メニュー項目を追加しました。このアクションは、キャッシュされたリソースを使用せずにページを再読み込みします。

Option-Command-R (⌥⌘R) キーボードショートカットを「レスポンシブデザインモードの開始/終了」から削除し、代わりに「Origin からページを再読み込み」にマッピングしました。

開発メニューから「キャッシュを無効にする」メニュー項目を削除しました。同等の機能は、Webインスペクタの「ネットワーク」タブから利用できるようになりました。

JavaScript

ESNext Object Spread提案を実装

非厳密モードでステートメントを解析するときに、letという名前のラベルを許可するように変更されました

ワーカー内のconst location = “foo” がSyntaxErrorをスローしないように修正しました。

ウェブAPI

initEvent、initCustomEvent、initMessageEventを最新の仕様に合わせて調整しました

Document.elementFromPoint() をCSSOM 仕様に合わせて調整しました

XMLHttpRequest getAllResponseHeaders()を変更し、ソート前にヘッダー名を小文字に変換するようにしました。

プリフライトリクエストで空の「Access-Control-Request-Headers」を送信する問題を修正しました。

self.originを実装しました

window.open()に「noopener」機能を実装しました

WebGLでuintインデックス値を使用する際のインデックス検証の改善

ユーザーがウェブページを操作していないときにbeforeunloadアラートを防止

値が改行で始まる場合にinnerTextセッターが空のテキストノードを挿入しないようにしました

ドキュメントのアンロード中に新しいナビゲーションを防止しました

WebSQLデータベースがプライベートブラウジングで開けないようにしました

ロングハンドのカスタムプロパティのシリアル化をショートハンドプロパティの値ではなく「」に変更しました。

<slot> の表示値が「contents」に設定されている場合、子孫レンダラーを破棄するように変更しました* *(r214232)

レンダリング

アニメーション化された SVG 画像がビューポート外にある場合、またはドキュメントから削除されている場合に一時停止する問題を修正しました* *(r214503, r214327)

描画サイズが画像のサイズより小さい場合を考慮するように非同期画像デコードを変更しました

大きな画像がキャンバスに描画されるときに非同期的にデコードされるのを防ぎました

配置されたインライン子孫のフロー状態を修正しました

ページ区切りに続く最初の文字のレンダリングを修正しました

複数列レイアウトで列が水平にクリッピングされる問題を修正しました

複数列レイアウトで再生できないアニメーションGIFを修正しました

CSS

display:noneで動的に適用された:empty疑似クラスが適用解除されない問題を修正しました

プレフィックスなしの-webkit-min-content、-webkit-max-content、-webkit-fit-content

メディア

ファイル名拡張子なしで提供される<video>タグ内のメディアファイルの読み込みを修正しました

CPU を節約するために、バックグラウンドタブでの無音ビデオの再生を一時停止しました

ウェブインスペクター

Web インスペクタが開いているときに検査対象のページにのみ適用される「キャッシュを無効にする」トグルをネットワークタブに追加しました。

コンソールに「選択を保存」コンテキストメニュー項目を追加しました

タイムラインタブにRTLサポートを追加しました

検索バナーのRTLサポートを追加しました

Webインスペクタに、より正確なリソースタイミングデータを追加しました

WebSocketフレームの内容をログに記録するためのコンテキストメニュー項目を追加しました

SVGイメージクラスタパスコンポーネントのアイコンを追加しました

タイムラインの記録をクリアするためのキーボードショートカットを追加しました

WebSocket接続が開いているか閉じているかを示す接続インジケーターを追加しました

タブを閉じるボタンをOptionキーを押しながらクリックすると、他のすべてのタブが閉じるように変更しました

スタイルルールサイドバーでロックされた CSS セレクターをコピーできるように変更しました

インラインおよびユーザーエージェントスタイルのリンクをクリックできるように変更されました

SVG イメージコンテンツビューを変更し、イメージとソースを切り替えられるようにしました。

イベントリスナーの詳細セクションを変更し、イベントではなく要素ごとにリスナーを表示するようにしました。

イベントリスナーを変更し、不足していた 'once' および 'passive' イベントリスナーフラグを追加しました。

WebSocketメッセージを追加すると現在選択されているリソースが変更される可能性がある問題を修正しました

DOM ブレークポイントマーカーをクリックしてブレークポイントを有効または無効にする問題を修正しました

タイミングポップオーバーが表示されている状態でネットワークアイテムのクリアアイコンをクリックしたときの例外を修正しました

切り捨てられた文字列で始まるローカルストレージのキーと値を修正しました

DOMツリーのアウトライン要素に追加された空の属性がタグ内に空白を追加する問題を修正しました

計算されたスタイルを取得する際に、セクションの将来の更新を中断する可能性のある例外を修正しました。

JavaScript または JSON であるメインリソースを検査する際の構文の強調表示と書式設定を修正しました。

DOM ブレークポイントと開示三角形が重なる疑似クラスマーカーを修正しました

コンテンツの読み込みに失敗したリソースを表示すると、リソース詳細サイドバーに以前の画像メトリックが表示される問題を修正しました。

コンソールのテキスト選択を修正し、メッセージテキストのみを選択できるようにしました

JSONリクエストデータのフォーマットを修正しました

リソースイメージコンテンツビューからリソースを保存するときに使用されるファイル名を修正しました

ファイル保存ダイアログで、デフォルトの場所として最上位ディレクトリが提案されなくなりました。

アクセシビリティ

ウェブ上の編集可能なテキストの VoiceOver を修正しました

ウェブクリプト

SPKI/PKCS8楕円曲線暗号のサポートを追加しました