安定版のリリース日: 2026 年 6 月 30 日
特に記載がない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向けの Chrome 150 Stable チャンネル リリースに適用されます。
CSS と UI
AccentColor と AccentColorText のシステムカラー
AccentColor と AccentColorText のシステム カラーは、CSS でユーザーのデバイスで指定されたシステム アクセント カラーにアクセスするために使用できます。これにより、インストール済みのウェブ アプリケーションなど、ユーザーが OS テーマの統合を期待するコンテキストで、ネイティブ アプリのようなスタイルをウェブ コンテンツに適用できます。システム アクセント カラーを表示するには、ユーザーが最初のプロファイルでインストール済みのウェブ アプリケーションを使用している必要があります。
トラッキング バグ #40229450 | ChromeStatus.com のエントリ | 仕様
polygon() のオプションの丸めパラメータを許可
polygon() CSS シェイプ関数に、角の丸めを任意で指定できるパラメータを追加します。デベロッパーは、長さの値を指定して、ベジエ曲線を手動で計算することなく、ポリゴンの角を丸めることができます。
トラッキング バグ #329302249 | ChromeStatus.com のエントリ | 仕様
Animatable zoom
CSS の zoom プロパティはアニメーション化可能で、<number> として補間されます。デベロッパーは zoom を遷移させてアニメーション化し、要素とそのレイアウトをスムーズにスケーリングできます。これは、既存の変換ベースのスケーリングを補完するものです。
トラッキング バグ #393810951 | ChromeStatus.com のエントリ
CSS url() リクエスト修飾子
CSS の url() 関数は、引用符で囲まれた URL 文字列の後に、省略可能なリクエスト修飾子（cross-origin()、integrity()、referrer-policy()）を受け入れます。これらの修飾子は、HTML マークアップや JavaScript を変更することなく、CSS から参照リソースのフェッチ動作を直接制御します。たとえば、background-image: url("image.png" cross-origin(anonymous)) は CORS 匿名モードを使用して画像を取得します。これにより、画像、フォント、SVG 参照、インポートされたスタイルシートなど、CSS で読み込まれたリソースのクロスオリジン アクセス、サブリソースの完全性、リファラー ポリシーをきめ細かく制御できます。
トラッキング バグ #435625756 | ChromeStatus.com のエントリ | 仕様
CSS text-fit プロパティ
テキストノードのフォントサイズを、そのコンテナ ボックスの幅に完全に収まるようにスケーリングします。
このプロパティを使用すると、見出しや動的コンテンツが利用可能な水平方向のスペースを埋めるように、手動でフォントサイズを計算したり、複雑な JavaScript の回避策を講じたりすることなく、デベロッパーが確実に設定できます。さまざまな画面サイズやテキストの長さにわたって視覚的な配置を維持する、レスポンシブ タイポグラフィのための堅牢な CSS ネイティブ ソリューションを提供します。
バグ #417306102 をトラッキング | ChromeStatus.com のエントリ | 仕様
CSS background-clip: border-area
CSS Backgrounds Level 4 で定義されているように、CSS background-clip プロパティの border-area 値を実装します。background-clip: border-area は、要素の背景を枠線のストロークで描画された領域にクリップします。border-width と border-style を考慮し、border-color の透明度は無視します。これにより、デベロッパーは border-image なしでグラデーションの境界線を作成できます。WebKit ではすでにこの機能が提供されています。この実装により、Chromium も同等の機能を利用できるようになります。
トラッキング バグ #329302543 | ChromeStatus.com エントリ | 仕様
CSS image(<color>) 関数
image() 関数を使用すると、任意の色の単色画像を生成できます。構文は image() = image( <color> ) です。
バグ #510426954 をトラッキング | ChromeStatus.com のエントリ | 仕様
画像値を含む CSS light-dark()
CSS light-dark() 関数を拡張して、作成者スタイルシートで画像値（url()、image-set()、none）を受け入れ、background-image、list-style-image、border-image-source、cursor、content などの画像プロパティで、ユーザーの優先カラーパターンに基づいて画像が自動的に切り替わるようにします。以前は、これは UA スタイルシートでのみ許可されていました。これは CSS Color 5 仕様に沿ったもので、Firefox の既存の実装と一致しています。
トラッキング バグ #491829958 | ChromeStatus.com のエントリ | 仕様
カンマ区切りのコンテナクエリ
@container ルールごとに複数のクエリをサポートします。@container ルールは、クエリの少なくとも 1 つが一致する場合に適用されます。
これにより、すべてのブラウザでサポートされていない機能のフォールバック クエリを使用できます。
トラッキング バグ #41491726 | ChromeStatus.com エントリ | 仕様
CSS で印刷できない領域を公開する
通常、プリンタには、用紙の 4 つの端に、プリンタの用紙処理メカニズムが原因で確実にマークできない小さな領域があります。デフォルトのページ マージンはこれらの領域よりも大きくなることが想定されますが、著者が独自にマージンを設定したり、@page マージンボックス（カスタム ヘッダーやフッターなど）を追加したりする場合、印刷しても安全な場所とそうでない場所を伝える方法が必要になります。
CSS 記述子 page-margin-safety を使用すると、このような印刷できない領域を避けることができます。
トラッキング バグ #368070327 | ChromeStatus.com のエントリ | 仕様
flex-wrap: balance
flex-wrap: balance を使用すると、デベロッパーはコンテンツをフレックスライン間で分散させ、よりバランスの取れた表示にすることができます（text-wrap: balance と同様）。
トラッキング バグ #416755656 | ChromeStatus.com のエントリ | 仕様
CSS @supports の named-feature() 関数
named-feature() 関数を使用すると、CSS @supports ルールで、他の @supports メカニズムではテストできないが、テストする価値が高いと考えられる特定の名前付き機能の小さなセットをクエリできます。
トラッキング バグ #353715317 | ChromeStatus.com のエントリ | 仕様
overscroll-behavior: chain
overscroll-behavior の値は、none、auto、contain、および新しい値 chain になりました。これらの値は、スクロール伝播とローカル境界効果（オーバースクロール ストレッチなど）という 2 つの独立した効果に影響します。
none: 伝播なし、ローカル効果なしauto: 伝播、ローカル効果contain: 伝播なし、ローカル効果chain: 伝播、ローカル効果なし
バグ #499018879 をトラッキング | ChromeStatus.com のエントリ | 仕様
CSS プロパティとして path-length をサポートします。
この変更により、既存の SVG pathLength プレゼンテーション属性にマッピングされる新しい CSS プロパティ path-length が導入されます。これは、pathLength をサポートする SVG ジオメトリ要素（<path>、<circle>、<rect>、<line>、<polyline>、<polygon>、<ellipse> を含む）に適用されます。
トラッキング バグ #40670251 | ChromeStatus.com のエントリ | 仕様
DOM と HTML
すべての子孫 selectedcontent 要素に複製する
selectedcontent 要素のエッジケースにいくつかの小さな変更が加えられています。
- 複数の selectedcontent 要素が同時に select 要素に配置されると、DOM 順の最初の要素だけでなく、すべての要素が最新の状態に保たれます。
- セキュリティの問題を修正するために、挿入、削除、移動の手順中に実行される場合、選択したコンテンツ要素の更新は延期されます。更新は、挿入後のステップまたはマイクロタスクを使用して延期されます。
トラッキング バグ #458113204 | ChromeStatus.com のエントリ | 仕様
Focusgroup
複合ウィジェットに矢印キー ナビゲーション、タブストップの保証、最後にフォーカスされたメモリを宣言的に付与する機能を提供し、手作業でコーディングされたロービング tabindex スクリプトを置き換えます。例:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
順不同のストリーミング
<template for> と処理命令の範囲（<?marker>、<?start>、<?end>）を使用して、JS を使用せずにドキュメントの既存の部分を更新します。
バグ #431374376 をトラッキング | ChromeStatus.com のエントリ | 仕様
HTML の処理命令を解析する
処理命令（構文: <?target data>）は、XML で公開されている既存の DOM 構造です。要素ではないものの、ドキュメントの処理に何らかのセマンティックな意味を持つノード オブジェクトを表します。
処理命令は HTML パーサーによって解析され、要素と同様の属性 API を受け取ってデータを変更します。
トラッキング バグ #481087638 | ChromeStatus.com のエントリ | 仕様
popover=hint の動作の変更
この変更により、popover=hint 属性と popover=auto とのインタラクションのスタッキング モデルが改訂され、簡素化されます。以前は、これらの 2 種類のポップオーバー間のインタラクションは、一部のコーナー ケース（ヒント ポップオーバー内に自動ポップオーバーをネストするなど）で複雑になる可能性があり、予期しない動作につながる可能性がありました。新しいモデルでは、ヒント ポップオーバーを開いても、関係のない自動ポップオーバーが誤って閉じられることはありません。ヒント ポップオーバーは、祖先の自動ポップオーバーが非表示になったとき、または新しい無関係の自動ポップオーバーが開かれたときにのみ非表示になります。また、デベロッパーはヒント ポップオーバー内に自動ポップオーバーを安全にネストできます。例外をスローしたりスタックを壊したりする代わりに、ネストされた自動ポップオーバーは適切に「ダウングレード」され、ヒント ポップオーバーとして動作します。これにより、popover=hint 内に customizable-select を配置するなどのユースケースがサポートされます。
予測可能性をさらに高め、複雑な状態の変更を防ぐため、beforetoggle イベント内からポップオーバーを開閉する際の動作も厳格化しています。以前は、考えられるケースの一部に対してのみガードが設定されていました。この変更により、このようなケースを検出するメカニズムが刷新され、このようなケースすべてに対してより確実に InvalidStateErrors がスローされるようになります。これにより、ポップオーバーの状態管理が安定し、ループ再入バグを防ぐことができます。
バグ #499019927 を追跡 | ChromeStatus.com のエントリ | 仕様
プログラマティック スクロール プロミス
この機能は、プログラムによるスムーズ スクロールの完了ステータスに関する信頼性の高いシグナルを提供します。Element と Window のすべてのスクロール メソッドは、スクロール完了時に解決される Promise オブジェクトを返します。解決された値は、スクロールが中断されたかどうかを示します。
トラッキング バグ #41406914 | ChromeStatus.com のエントリ | 仕様
グラフィックとメディア
プラグインと iframe で SVG フィルタを無効化
Chrome 150 では、埋め込みプラグイン（PDF など）やクロスオリジン iframe、制限付き iframe（サンドボックス化された iframe など）に SVG フィルタが適用されないようになります。プラグインまたは iframe が SVG フィルタ効果で描画される場合、効果ツリーをトラバースして SVG フィルタのない最上位の祖先を見つけ、その効果を代わりに適用します。
トラッキング バグ #476646486 | ChromeStatus.com のエントリ | 仕様
WebGPU: 即時
WGSL に新しい即時アドレス空間を追加し、レンダリング パス、コンピューティング パス、レンダリング バンドル エンコーダに setImmediateData() メソッドを追加します。これにより、デベロッパーは GPU バッファ オブジェクトやバインド グループを作成せずに、少量の頻繁に更新されるデータをシェーダーに直接渡すことができます。
トラッキング バグ #366291600 | ChromeStatus.com のエントリ | 仕様
セキュリティと Web Speech
data: URL の不透明なオリジン
Chrome 150 では、専用ワーカーと共有ワーカーが data: URL を処理する方法が更新されます。これらのワーカーは、作成元のスクリプトまたはページのセキュリティ オリジンを自動的に継承するのではなく、一意の不透明なオリジンが割り当てられます。
ワーカーの HTML 仕様に沿って、これらのワーカーが作成元の同一オリジン状態から分離されるため、セキュリティが強化されます。これにより、BroadcastChannel や同一オリジン ストレージなどのメカニズムを使用してセンシティブ データにアクセスすることができなくなります。正しい分離境界を維持するために、これらのワーカーは、作成者と同じストレージ パーティション（最上位サイトや nonce を保持するなど）内に存在します。
トラッキング バグ #40051700 | ChromeStatus.com エントリ | 仕様
Web Speech API: デバイス上の認識の品質
SpeechRecognitionOptions に quality プロパティを追加して、SpeechRecognition インターフェースを拡張します。これにより、デベロッパーはオンデバイス認識に必要なセマンティック機能を指定できます（processLocally: true を使用）。
提案された品質列挙型は、command、dictation、conversation の 3 つのレベルをサポートしています。これらは、タスクの複雑さとハードウェア要件の増加に対応しています。これにより、デベロッパーは、ローカル デバイスで重要なユースケース（会議の文字起こしなど）を処理できるかどうか、またはクラウド サービスにフォールバックする必要があるかどうかを判断できます。
トラッキング バグ #476168420 | ChromeStatus.com のエントリ | 仕様
ウェブアプリ
PWA オリジンの移行
ユーザーがプログレッシブ ウェブアプリ（PWA）をインストールすると、その ID とセキュリティ コンテキストは、app.example.com などのウェブにおけるオリジンに密接にバインドされます。これは、ブランド変更、ドメインの再構築、技術的な再アーキテクチャなどの理由で PWA のオリジンを変更する必要があるデベロッパーにとって大きな課題となります。オリジン移行を行わない場合、このような変更を行うには、ユーザーが古いアプリを手動でアンインストールし、新しいアプリを再インストールする必要があります。その結果、ユーザー エクスペリエンスが損なわれるだけでなく、ユーザー減少数につながる可能性があります。Chrome 150 では、ユーザーの信頼と権限を維持しながら、デベロッパーがインストール済みの PWA を新しい同一サイトのオリジンへシームレスに移行できる仕組みが導入されます。
WebAppInstallForceList ポリシーにより移行がブロックされます。ウェブ アプリケーションに関するエンタープライズ ポリシーは主に URL とオリジンに基づいているため、移行によって管理者が構成した一部のポリシーがバイパスされる可能性があります。アプリが企業の管理者によって強制インストールされている場合、ユーザーには移行オプションは提示されず、代わりにその旨を説明するバナーが表示されます。
トラッキング バグ #396504527 | ChromeStatus.com のエントリ | 仕様
オリジン トライアル
メール確認プロトコル
EVP（メール確認プロトコル）は、メール OTP を手動で入力するのではなく、所有権の暗号証明をシームレスに提供することで、ユーザーがアカウントを作成、アクセス、復元できるようにします。
オリジン トライアル | ChromeStatus.com のエントリ | 仕様
投機的読み込みの測定
投機的読み込み（プリロード、プリフェッチ、プリレンダリング）に関する測定データを、新たに公開された performance.getSpeculations() メソッドの一部として公開します。これにより、デベロッパーはさまざまな投機的読み込み戦略の有効性を測定し、それに応じて適応させることができます。
オリジン トライアル | トラッキング バグ #481590676 | ChromeStatus.com のエントリ
WebRTC Diagnostic Logging API
WebRTC 診断ロギング用の API。
この API を使用すると、アプリは診断ログにオプトインできます。これらのログには、アプリケーションによる WebRTC アクティビティに関する情報が含まれており、ローカル デバッグやバグの報告に役立ちます。
ログは、オプションで帯域外でブラウザ ベンダーにアップロードでき、バグの診断に使用できます。アプリケーションは、クラッシュと同様にバグレポートに添付できる ID を取得します。
診断ログは、WebRtcDiagnosticLogCollectionAllowedForOrigins というエンタープライズ ポリシーで有効になっています。
オリジン トライアル | トラッキング バグ #481412281 | ChromeStatus.com のエントリ | 仕様
非推奨と削除
このリリースでは、非推奨や削除はありません。