1. Mozilla
  2. Firefox
  3. 開発者向けリリースノート
  4. Firefox 121

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Firefox 121 開発者向けリリースノート

このページでは、開発者に影響する Firefox 121 の変更点をまとめています。Firefox 121 は、米国時間 2023 年 12 月 19 日 にリリースされました。

ウェブ開発者向けの変更点

HTML

  • <iframe> 要素の遅延読み込みに対応しました。特定の <iframe> 要素が表示された場合にのみ読み込まれるよう、開発者が指定できます。ページの読み込み時に取得する必要があるリソース (取得不要な <iframe> 要素もあります) を減らすことで、最初の読み込み時間を短縮できます。 このヒントは <iframe> 要素の loading 属性か、JavaScript で HTMLIFrameElement.loading を使用して提供できます (Firefox バグ 1622090)。

CSS

  • text-wrap プロパティを更新し、値 balance および stable に対応しました。値 balance は見出しなど短いブロックのコンテンツで使用するもので、コンテンツが複数行にまたがるときにバランスがとれて読みやすくなります。値 stable は、編集可能なコンテンツをユーザーが編集するときにリフローしなくなります (Firefox バグ 1731541)。
  • 一般に親セレクターと呼ばれる :has() セレクターに対応しました。これにより、関連する要素に基づいて要素にスタイルを適用できるようになります。たとえば li:has(ul) はサブリストを持つリストに、h1:has(+ p) は直後に段落を持つ見出しに一致します。
  • text-indent CSS プロパティの値 each-line および hanging に対応しました (Firefox バグ 784648)。これにより、開発者は特定のテキストインデントスタイルをより簡単に指定できます。また、text-indent プロパティの複数の値を組み合わせて、より創造的に指定できます。例: text-indent: 3em hanging each-line

JavaScript

  • Promise.withResolvers() 静的メソッドに対応しました。これは返値の Promise と同じスコープで resolve および reject コールバック関数を公開して、Promise を構築した後に解決または拒否するコードを定義できます (Firefox バグ 1845586)。

  • Date.parse() が追加の日付形式をいくつか受け入れるようになりました。

    • YYYY-MMM-DD 形式で年が 9999 より大きい (例: 19999-Jan-01) (Firefox バグ 1858851)

    • MMM-DD-YYYY 形式 (例: Jan-01-1970) (Firefox バグ 1863489)

    • ISO 形式でない日時でミリ秒 (例: Jan 1 1970 10:00:00.050) (Firefox バグ 1863125)

    • 以前は拒否されていた、先頭に曜日がある形式。たとえば:

      • Wed, 1970-01-01
      • Wed, 1970-Jan-01

      曜日が正確である必要はありません。たとえば foo 1970-01-01 は動作します (Firefox バグ 1617562)。

  • Date.parse() のその他の修正:

    • YYYY-M-DD および YYYY-MM-D 形式は、ISO 形式の日付 YYYY-MM-DD のように GMT であると想定しないようになりました (Firefox バグ 1783731)。
    • すべての形式でミリ秒は四捨五入するのではなく、3 桁目より後を切り捨てるようになりました (Firefox バグ 746529)。

API

  • WebTransportSendStream インターフェイスの sendOrder プロパティに対応しました。WebTransport API の 双方向 ストリームの相対的な送信優先度を、ストリームの作成後に取得および変更できます。このプロパティは一方向ストリームの優先度変更には使用できません。Firefox は一方向ストリームを WebTransportSendStream ではなく WritableStream として実装しているためです (詳しくは Firefox バグ 1853444 をご覧ください)。

DOM

WebAssembly

  • WebAssembly で、新たに return_call および return_call_indirect 命令が call 命令に代わって導入され、末尾呼び出し最適化に対応しました。これにより、パフォーマンスが向上し、スタック領域の使用量が減り、末尾呼び出しを使用するプログラミング言語との互換性が高まります (Firefox バグ 1846789)。

WebDriver conformance (WebDriver BiDi, Marionette)

WebDriver BiDi

Marionette

  • Window および Frame オブジェクトのシリアライズとデシリアライズに対応しました (Firefox バグ 1274251)。

実験的なウェブ機能

以下の機能は Firefox 121 で新たに導入しましたが、デフォルトで無効です。これらを実験するには、about:config ページで適切な設定項目を検索して true に設定してください。実験的機能 のページで、さらに多くの機能を確認できます。

カスタム要素の状態の擬似クラス: dom.element.customstateset.enabled

カスタム要素は states プロパティを通して、CustomStateSet として内部状態を公開できます。:--some-state のような CSS のカスタム状態擬似クラスが、この要素の状態に一致します (Firefox バグ 1861466)

HTML select 要素の showPicker() メソッド: dom.select.showPicker.enabled

HTMLSelectElement.showPicker() メソッドはユーザー操作によって発生して、<select> 要素のブラウザーの選択ツールをプログラムから起動します。(Firefox バグ 1854112)

アドオン開発者向けの変更点

  • manifest.json の background キーに service_worker および scripts 宣言が含まれているとき、バックグラウンドページが開始しない不具合を修正しました (Firefox バグ 1860304)。

    メモ: なお、Chrome 121 で変更があり、service_worker プロパティとともに指定した scripts プロパティは無視されます。以前は、Chrome は両方のプロパティを持つ拡張機能の読み込みを拒否していました (Chromium bug 1418934)。 詳しくは background マニフェストキーのブラウザー対応 をご覧ください。

MDN の改良に協力

協力方法を知る

このページは に MDN の貢献者によって最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告