デジタルマーケティングTips
2022年7月の各種ブラウザ仕様変更発表まとめ
2022年7月に公式発表された、各種ブラウザ関連の主要な仕様変更発表のまとめです。
[Twitter | LINE | Instagram | Facebook | TikTok] [Google検索 | ブラウザ]
要点
メルマガでも情報を配信中です！ ぜひご登録ください。
Safari 15.6 変更点
Safari 15.6での機能追加・修正内容のまとめです。(ベータ版時点での情報)
追加・拡張
CSS
- showModal()APIでdialog要素を開く際に:modal擬似クラスを使用可能
修正・改善
CSS
- object-fitについて、iframeコンテンツがずれる問題を修正
- ::after、::before、::marker擬似要素に対するinert属性付与の挙動を修正
- :focus-visibleについて、2回目のelement.focus()呼び出しのあとのクリックとのマッチングを修正
- 論理インラインビューポート・論理ブロックビューポートについて、要素のwriting-modeに基づいた値になるよう修正
編集
- 引用返信ブロックで新しい段落区切りを挿入した場合に記述方向がリセットされる問題を修正
- iOSのマネージドペーストボードについて、マネージドSafariドメインを含むすべてのマネージドロケーションに対して動作するよう修正
フォント
- 新しいフォントがインストールされたら自動的にページレイアウトを修正
HTML
- link rel=preconnect要素がcrossorigin=anonymousに対応し、証明書を別オリジンあてのリンクに送信しないよう修正
メディア
- 音声のみ(映像なし)の動画の再生を修正
- replaceTrackについて、様々な制約によってパケット送信が妨げられる現象を修正
- createMediaElementSource使用時にWebAudio再生速度が数秒間加速される現象を修正
- xHE-AAC音声トラックを読み込んでシークしたときに再生が止まる現象を修正
- デバイスロック時、Safariで音声再生が始まる現象を修正
- 動画再生時に再生が逆方向になることがある現象を修正
- 音声のキャプチャーとレンダリングの同時処理を修正
レンダリング
- 負のz-index値を持つレイヤーをレンダリングする際のチラつきを修正
- 固定位置コンテナのマルチカラムコンテンツがスクロール時に消える現象を修正
- リーダーに表示される画像が印刷ジョブやPDFエクスポート時に表示されない現象を修正
WebAuthn
- Touch IDがセットアップされていないと、プラットフォームの認証を同期してパスキーを登録する際にサインインシートのテキストが欠落する現象を修正
Webアニメーション
- キーフレームが0%・100%とタイミング関数のみ指定されている場合のキーフレーム計算を修正
Web API
- 不透明オリジン内にあるBroadcastChannelインスタンス間の通信を修正
Webインスペクタ
- ネットワーク・ソース・検索タブで、メモリーキャッシュのリソースに空コンテンツが表示される現象を修正
※参照：New WebKit Features in Safari 15.6 - Webkit Blog (2022/07/20)
https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/
マックスマウスからのお知らせ
Web制作・マーケティング担当者向けのお役立ち情報をメールマガジンでお届け！
WebサイトやSNSでの情報発信の安定化・効率化、CMS導入・運用、脆弱性対策、Flashコンテンツ置き換え、Webプロモーションなどなど、Web制作・マーケティング関係者向けの課題解決に役立つ、便利なサービス情報や活用法などをご案内します。
いますぐご登録ください！
