デジタルマーケティングTips

2022年2月の各種ブラウザ仕様変更発表まとめ

記事タイトル画像：2022年2月の各種ブラウザ仕様変更発表まとめ

2022年2月に公式発表された、各種ブラウザ関連の主要な仕様変更発表のまとめです。

記事バックナンバー一覧

[Twitter | LINE | Instagram | Facebook | TikTok] [Google検索 | ブラウザ]

要点

メルマガでも情報を配信中です！　ぜひご登録ください。

Chrome 99新機能・仕様変更

Chrome 99で実装予定の新機能・仕様変更のまとめです。(ベータ版時点での情報)

追加・拡張

カスケードレイヤー

CSSで、従来より階層化・優先度の制御がしやすくなった記法「カスケードレイヤー」が使えるようになります。Firefox 97、Safari 15.4でも同様にカスケードレイヤーが使用できるようになる予定です。

ピッカー表示手段の拡充

showPicker()メソッドを使うと、入力要素の種別を指定してピッカーを表示できるようになります。

手書き認識API

OSの手書き認識機能がWebからAPI経由で使えるようになります。 (オリジントライアルから正規機能に昇格)

Webアプリのウィンドウコントロール

Webアプリのウィンドウコントロール部分の表示を制御できるようになります。これにより、PWAのタイトルバー表示をネイティブアプリと同様にすることが可能になります。 (オリジントライアルから正規機能に昇格)

以前発表されていた新機能

以下の機能について、当初Chrome 98で実装予定と発表されていましたが、のちに99で実装予定と訂正されました。

  • カラースキームの「only light」「only dark」指定
  • document.adoptedStyleSheetsをpushとpopで制御

「-webkit」接頭辞なし版CSSプロパティの追加

一部のテキスト強調関連のCSSプロパティについて、「-webkit」接頭辞が外れたバージョンが使えるようになりました。

  • text-emphasis (-webkit-text-emphasisと同じ)
  • text-emphasis-color (-webkit-text-emphasis-colorと同じ)
  • text-emphasis-position (-webkit-text-emphasis-positionと同じ)
  • text-emphasis-style (-webkit-text-emphasis-styleと同じ)

Canvas機能追加

CanvasRenderingContext2Dインターフェイスを使った2D Canvas描画機能が拡張されました。

  • ContextLost・ContextRestoredイベント
  • willReadFrequentlyオプション
  • CSSによるテキスト修飾の拡張
  • reset()メソッド
  • 角丸長方形描画
  • 円錐グラデーション
  • SVGフィルターの改良

オリジントライアル(先行試験実装)

以下がオリジントライアルに追加されました。

  • Webアプリでのカラースキーム切り替え(ダークモード対応)

仕様変更

calc()メソッドの取り扱い対象拡大

calc()メソッドにおいて、無限大・NaN(Not a Number、非数)の取り扱いが許可されるようになります。

ゲームパッド検出の仕様変更

navigator.getGamepads()メソッドでゲームパッドを検出する際、出力結果がGamepadListからGamepadオブジェクトの配列に変更になります。GeckoおよびWebkitと同じ仕様に準拠するもので、処理の共通化が可能になります。

廃止

以下の機能が削除されます。

  • Battery Status API(バッテリーの状態を取得するAPI)…非暗号化接続(HTTP)時の動作対応を終了
  • CSSのfont-familyプロパティに使える値から-webkit-standardを削除
  • WebCodecs仕様に合致しない一部項目の対応を除外
  • Resource Timing(RT) APIのnextHopProtocolを使用する際にクロスオリジン接続の対応を削除(セキュリティ上問題があるため)

※参照：Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More (2022/02/03)
　https://blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html新しいウィンドウで開きます

マックスマウスからのお知らせ

Web制作・マーケティング担当者向けのお役立ち情報をメールマガジンでお届け！

WebサイトやSNSでの情報発信の安定化・効率化、CMS導入・運用、脆弱性対策、Flashコンテンツ置き換え、Webプロモーションなどなど、Web制作・マーケティング関係者向けの課題解決に役立つ、便利なサービス情報や活用法などをご案内します。

いますぐご登録ください！

その他のサービス