この権限は 警告をトリガーします 。 chrome.bookmarks API を使用すると、ブックマークの作成、整理、その他の操作ができます。カスタムのブックマーク マネージャー ページを作成できる オーバーライド ページ もご覧ください。 bookmarks API を使用するには、 拡張機能マニフェスト で「bookmarks」権限を宣言する必要があります。次に例を示します。 ブックマークはツリー形式で整理されます。ツリーの各ノードは、ブックマークまたはフォルダ（ グループ

chrome.contentSettings API を使用して、ウェブサイトが Cookie、JavaScript、プラグインなどの機能を使用できるかどうかを制御する設定を変更します。より一般的な話として、コンテンツの設定を使用すると、Chrome の動作をグローバルではなくサイトごとにカスタマイズできます。 API を使用するには、拡張機能のマニフェストで "contentSettings" 権限を宣言する必要があります。次に例を示します。

chrome.contentSettings API を使用して、ウェブサイトが Cookie、JavaScript、プラグインなどの機能を使用できるかどうかを制御する設定を変更します。より一般的な話として、コンテンツの設定を使用すると、Chrome の動作をグローバルではなくサイトごとにカスタマイズできます。 この API を使用するには、拡張機能のマニフェストで「contentSettings」権限を宣言する必要があります。次に例を示します。

chrome.bookmarks API を使用すると、ブックマークの作成、整理、その他の操作ができます。カスタムのブックマーク マネージャー ページを作成できる ページのオーバーライド もご覧ください。 bookmarks API を使用するには、 拡張機能マニフェスト で「bookmarks」権限を宣言する必要があります。次に例を示します。 ブックマークはツリー形式で整理されます。ツリーの各ノードは、ブックマークまたはフォルダ（ グループ ）です。ツリーの各ノードは

Chrome の AI AI による次世代のウェブへようこそ。デベロッパーがウェブで優れたエクスペリエンスを簡単に構築できるよう、AI がどのように役立つかをご確認ください。 Chrome の Gemini Nano でできることを再考。 組み込みの AI Gemini エコシステムの最も効率的なモデルである Gemini Nano が Chrome に導入されます。 クライアントサイドで作業する クライアントサイド AI

エッジからエッジまでのウェブ エクスペリエンスを構築する

Gemini Nano へのプロンプトの詳細については、Chrome 内部専用のページをご覧ください。このガイドでは、デバッグにこの機能を利用する方法について説明します。

Android 版 Chrome は、Chrome 135 以降、エッジツーエッジ表示になります。

Chrome DevTools で高度なネットワーク分析を行う。

サブグループによる ML ワークロードの改善、D3D12 でのシェーダーのコンパイル時間の短縮、ブレンド可能として浮動小数点フィルタ可能なテクスチャ タイプのサポートの削除など。

ツールチップなどのフローティング要素を簡素化するポップオーバーの新しいモードをご確認ください。

chrome.app.runtime API を使用してアプリのライフサイクルを管理します。アプリ ランタイムは、アプリのインストールを管理し、イベントページを制御します。また、アプリをいつでもシャットダウンできます。 任意（ 省略可 ） 埋め込まれるアプリが埋め込みの決定を行う際に使用できる、デベロッパーが指定するオプションのデータ。 文字列 void embedderId がこのアプリを <appview> 要素に埋め込むことを許可します。 url

chrome.printing API を使用して、Chromebook にインストールされているプリンタに印刷ジョブを送信します。 すべての chrome.printing メソッドとイベントでは、 拡張機能マニフェスト で "printing" 権限を宣言する必要があります。次に例を示します。 次の例は、printing 名前空間の各メソッドの使用を示しています。このコードは、extensions-samples GitHub リポジトリの api-samples/printing

chrome.sessions API を使用すると、閲覧中のセッションからタブとウィンドウの問い合わせや復元を行うことができます。 文字列 外部デバイスの名前。 Session [] 外部デバイスの開いているウィンドウ セッションのリスト（最近変更されたセッションから最近変更されていないセッションの順に並べ替えられます）。 number（省略可） リクエストされたリストでフェッチするエントリの最大数。最大数のエントリ（ sessions.MAX_SESSION_RESULTS

chrome.printing API を使用して、Chromebook にインストールされているプリンタに印刷ジョブを送信します。 すべての chrome.printing メソッドとイベントでは、 拡張機能マニフェスト で "printing" 権限を宣言する必要があります。次に例を示します。 次の例は、printing 名前空間の各メソッドの使用を示しています。このコードは、extensions-samples GitHub リポジトリの api-samples/printing

userScripts API を使用して、ユーザー スクリプトのコンテキストでユーザー スクリプトを実行します。 User Scripts API chrome.userScripts を使用するには、manifest.json に "userScripts" 権限を追加し、スクリプトを実行するサイトに "host_permissions" を追加します。 ユーザー スクリプトは、ウェブページに挿入されるコード スニペットで、ウェブページの外観や動作を変更します。 Content

chrome.sessions API を使用すると、閲覧中のセッションからタブとウィンドウの問い合わせや復元を行うことができます。 文字列 外部デバイスの名前。 Session [] 外部デバイスの開いているウィンドウ セッションのリスト（最近変更されたセッションから最近変更されていないセッションの順に並べ替えられます）。 number（省略可） リクエストされたリストでフェッチするエントリの最大数。最大数のエントリ（ sessions.MAX_SESSION_RESULTS

Chrome のご紹介 Chrome 134（ベータ版） Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Chrome の新機能 DevTools DevTools のヒント エンジニアリング ブログ ユーザー補助

[プライバシーとセキュリティ] パネル、調整済みの CPU スロットリング、[パフォーマンス] のファーストパーティとサードパーティのハイライト表示、新しい分析情報など。

chrome.i18n インフラストラクチャを使用して、アプリまたは拡張機能全体に国際化を実装します。 拡張機能に /_locales ディレクトリがある場合は、 manifest で "default_locale" を定義する必要があります。 ユーザーに表示される文字列はすべて、 messages.json という名前のファイルに格納する必要があります。新しい言語 / 地域を追加するたびに、 /_locales/_localeCode_ という名前のディレクトリにメッセージ

Edge チームは、Chromium で Windows ClearType チューナーの値を直接尊重するサポートを追加しました。これにより、Windows の Chromium ベースのブラウザでテキストのレンダリングが改善されました。

chrome.storage API を使用して、ユーザーデータの変更を保存、取得、追跡します。 storage API を使用するには、拡張機能の manifest で "storage" 権限を宣言します。次に例を示します。 Storage API は、ユーザーデータと状態を保持するための拡張機能固有の方法を提供します。これはウェブ プラットフォームのストレージ API（ IndexedDB 、 Storage

chrome.storage API を使用して、ユーザーデータの変更を保存、取得、追跡します。 Storage API は、ユーザーデータと状態を保持するための拡張機能固有の方法を提供します。これはウェブ プラットフォームのストレージ API（ IndexedDB 、 Storage ）に似ていますが、拡張機能のストレージのニーズを満たすように設計されています。主な機能は次のとおりです。 拡張機能は、一部のコンテキスト（ポップアップやその他の HTML ページ）で [ Storage

CrUX ディメンションに関する技術ドキュメント。

2025 年 2 月のリリースにおける Chrome ユーザー エクスペリエンス レポート（CrUX）の変更（LCP 画像のサブパート、LCP リソースタイプ、RTT など）について説明します。

開発に必要なコードサンプル、ガイド、API リファレンス。

皆様がウェブで構築、成長、革新できるようお手伝いします。

Chrome 拡張機能の基本を学ぶ

Chrome では、メディアを再生しているウェブアプリがピクチャー イン ピクチャーを自動的に開始できます。

Chrome に追加される最新機能を紹介します。

chrome.enterprise.platformKeys API を使用して鍵を生成し、その鍵の証明書をインストールします。この証明書はプラットフォームで管理され、TLS 認証やネットワーク アクセスに、または chrome.platformKeys を介して他の拡張機能で使用できます。 この API を使用してクライアント証明書を登録する一般的な手順は次のとおりです。 enterprise.platformKeys.getTokens を使用して、使用可能なすべてのトークンを取得します。

chrome.enterprise.platformKeys API を使用して鍵を生成し、その鍵の証明書をインストールします。この証明書はプラットフォームで管理され、TLS 認証やネットワーク アクセスに、または chrome.platformKeys を介して他の拡張機能で使用できます。 この API を使用してクライアント証明書を登録する一般的な手順は次のとおりです。 enterprise.platformKeys.getTokens()

CSS の高度な attr()、text-box-trim、scroll-state コンテナ クエリなど。

Chrome 133 のリリースが開始されました。エキサイティングな新しい CSS 機能など、他にも多くの機能があります。

タブ付きアプリケーション モードでは、プログレッシブ ウェブアプリのデベロッパーは、スタンドアロン PWA にタブ付きドキュメント インターフェースを追加できます。

Android 向け Auth Tab でウェブベースの認証を改善する

Android アプリでアプリ固有の履歴を使用する方法

Android 版 Chrome カスタムタブのアプリ固有の履歴の導入

Android アプリで専用の [認証] タブを使用する方法

Android アプリでエフェメラル カスタムタブを使用する方法

chrome.permissions API を使用して、 宣言された省略可能な権限 をインストール時ではなく実行時にリクエストします。これにより、ユーザーは権限が必要な理由を理解し、必要な権限のみを付与できます。 API によって付与される機能について説明する権限に関する警告がありますが、これらの警告の一部は明白でない場合があります。Permissions API

chrome.runtime API を使用して、サービス ワーカーを取得し、マニフェストの詳細を返します。また、拡張機能のライフサイクルでイベントをリッスンして応答します。この API を使用して、URL の相対パスを完全修飾 URL に変換することもできます。 Runtime API には、拡張機能で使用できるさまざまな機能領域をサポートするメソッドが用意されています。 Runtime API のほとんどのメソッドでは、 nativeMessaging 権限が必要な

chrome.permissions API を使用して、 宣言された省略可能な権限 をインストール時ではなく実行時にリクエストします。これにより、ユーザーは権限が必要な理由を理解し、必要な権限のみを付与できます。 API によって付与される機能について説明する権限に関する警告がありますが、これらの警告の一部は明白でない場合があります。Permissions API

AI チャット履歴の永続化、ナビゲーションの改善、[パフォーマンス] のリスト無視とスタック トレース、新しい [新機能] パネルなど。

unorm8x4-bgra と 1 コンポーネントの頂点形式が追加され、未定義の値で不明な上限をリクエストできるようになりました。また、WGSL の配置ルールが変更され、破棄による WGSL のパフォーマンスが向上しました。

Chrome 拡張機能の最近の変更の概要と、デベロッパーが期待できる今後の拡張機能の魅力的な機能について説明します。

このガイドでは、Prompt API を使用したセッション管理のベスト プラクティスについて説明します。

デベロッパーに影響する Chrome の変更について

Chrome の新機能 ドキュメントとブログで Chrome の最新情報をご確認ください。 新しいコンテンツとドキュメントの重要な更新。 article LLM がレスポンスをストリーミングする仕組み サーバーおよびクライアントの AI でストリーミング データがどのように機能するかを学ぶための新しいドキュメント。 article Chrome ウェブストアに関する通知と再審査請求 Chrome ウェブストアの通知と再審査請求のプロセスが更新されました。 article オリジン トライアルの

Chrome ウェブストアは、デベロッパーとユーザーにとって高品質で信頼できるエコシステムの構築に取り組んでいます。この目標に沿って、Google は、プラットフォーム全体で明確かつ一貫したポリシーを適用するための一連のポリシーの更新を発表します。今回の更新では、機能、コンテンツ基準、デベロッパー ガイダンスの主要な分野に対応しています。 Google は、 再審査請求プロセス を効率化し、透明性を高めるために、プロセスを合理化しています。今後、デベロッパーはポリシー違反ごとに 1

以下のフロントエンドのベスト プラクティスに沿って、ストリーミングをサポートする API（Prompt API など）を使用して、Gemini からストリーミングされたレスポンスを表示します。

「getClientCapabilities()」を使用して WebAuthn の機能を検出し、ユーザーに合わせて認証ワークフローを調整する方法を学びます。

ストリーミングの概要と、AI と LLM でのストリーミングの仕組みを理解する。

組み込みの Translator API を使用すると、任意のコンテンツをソース言語からターゲット言語に翻訳できます。オリジン トライアルに参加して API を試す。

Chrome 133 以降では、省エネモードが有効になっているときに、CPU 使用率の高いバックグラウンド タブがフリーズされるようになりました。

DevTools のヒント

ウェブサイトやアプリに画像や動画などを追加する方法を改善します。

iOS 17 以降の Chrome で、Google パスワード マネージャー（GPM）でパスキーを作成、同期、認証できるようになりました。これにより、Chrome が利用できるすべてのデバイスで GPM のパスキーを使用できるようになります。

カスタム プロパティを含む任意の CSS プロパティで attr() を使用できるようになりました。また、値を文字列以外のデータ型に解析できるようになりました。

コンテナクエリに似ていますが、停止したクエリ、スナップされたクエリ、オーバーフローしたクエリに使用します。

Chrome に搭載される最新機能について学びます。

Chrome 132 のリリースが開始されました。Dialog 要素は ToggleEvent を取得し、要素レベルの動画共有をサポートします。File System Access API は Android と WebView をサポートします。

DevTools の新しい AI アシスタント パネルの楽しいユースケースについて学びます

テキスト コンテンツの上下にスペースを追加して、視覚的なバランスをとる。

ダイアログの ToggleEvent、要素レベルの動画共有のサポート、Android と WebView をサポートする File System Access API など。

chrome.sockets.udp API を使用して、UDP 接続を使用してネットワーク経由でデータを送受信します。この API は、以前の「socket」API にあった UDP 機能を置き換えます。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 数値 新しく作成されたソケットの ID。この API から作成されたソケット ID は、非推奨の [ socket ](../socket/) API など、他の API から作成されたソケット ID

chrome.tabs API を使用して、ブラウザのタブシステムを操作します。この API を使用すると、ブラウザのタブを作成、変更、並べ替えることができます。 Tabs API には、タブの操作と管理のための機能だけでなく、タブの 言語 の検出、 スクリーンショット の撮影、タブのコンテンツ スクリプトとの 通信 も可能です。 ほとんどの機能を使用するのに権限は必要ありません。たとえば、新しいタブの 作成 、タブの 再読み込み 、別の URL への ナビゲーション などです。 Tabs

chrome.tabs API を使用して、ブラウザのタブシステムを操作します。この API を使用すると、ブラウザのタブを作成、変更、並べ替えることができます。 Tabs API には、タブの操作と管理のための機能だけでなく、タブの 言語 の検出、 スクリーンショット の撮影、タブのコンテンツ スクリプトとの 通信 も可能です。 ほとんどの機能を使用するのに権限は必要ありません。たとえば、新しいタブの 作成 、タブの 再読み込み 、別の URL への ナビゲーション などです。 Tabs

Element Capture API は、現在のタブのキャプチャを DOM サブツリーのキャプチャに変換するための、パフォーマンスが高く堅牢な方法です。

Web Vitals 拡張機能と DevTools の統合が完了し、拡張機能のサポートは終了しました。

組み込み AI チャレンジで受賞したアプリと拡張機能をご覧ください。このチャレンジでは、Chrome の Gemini Nano でできることを再考していただきました。

chrome.ttsEngine API を使用して、拡張機能を使用してテキスト読み上げ（TTS）エンジンを実装します。拡張機能がこの API を使用して登録されている場合、拡張機能または Chrome アプリが tts API を使用して音声を生成すると、発話される音声とその他のパラメータを含むイベントが拡張機能に届きます。拡張機能は、利用可能なウェブ技術を使用して音声を合成して出力し、呼び出し元の関数にイベントを返してステータスを報告できます。

chrome.cookies API を使用して、Cookie のクエリと変更を行い、Cookie が変更されたときに通知を受け取ります。 cookies API を使用するには、マニフェストで「cookies」権限と、Cookie にアクセスするホストの ホスト権限 を宣言する必要があります。次に例を示します。 パーティショニングされた Cookie を使用すると、特定の Cookie をトップレベル フレームのオリジンに対してキー付けする必要があることをサイトがマークできます。つまり、サイト

chrome.ttsEngine API を使用して、拡張機能を使用してテキスト読み上げ（TTS）エンジンを実装します。拡張機能がこの API を使用して登録されている場合、拡張機能または Chrome アプリが tts API を使用して音声を生成すると、読み上げ対象の音声とその他のパラメータを含むイベントが拡張機能に届きます。拡張機能は、利用可能なウェブ技術を使用して音声を合成して出力し、呼び出し元の関数にイベントを送り返してステータスを報告できます。

chrome.cookies API を使用して、Cookie のクエリと変更を行い、Cookie が変更されたときに通知を受け取ります。 cookies API を使用するには、マニフェストで "cookies" 権限と、Cookie にアクセスするホストの ホスト権限 を宣言します。次に例を示します。 パーティショニングされた Cookie を使用すると、特定の Cookie をトップレベル フレームのオリジンに対してキー付けする必要があることをサイトがマークできます。たとえば、サイト A

appview タグを使用して、他の Chrome アプリを Chrome アプリ内に埋め込みます（ 使用方法 をご覧ください）。 オブジェクト 埋め込まれるアプリが埋め込みの決定を行う際に使用できる、デベロッパーが指定するオプションのデータ。 文字列 埋め込みリクエストを送信したアプリの ID。 void 埋め込みリクエストを許可します。 allow 関数は次のようになります。 文字列 埋め込むコンテンツを指定します。 void 埋め込みリクエストを防止します。 deny

クリックジャッキング攻撃の軽減の詳細

テクスチャビューの使用、32 ビット浮動小数点テクスチャのブレンド、GPUDevice の adapterInfo 属性、無効な形式でキャンバス コンテキストを構成する JavaScript エラーの発生、テクスチャのサンプラー制限のフィルタリング、拡張サブグループの試験運用版、デベロッパー エクスペリエンスの向上、16 ビット正規化テクスチャ形式の試験運用版のサポートなど。

Chrome 拡張機能のプラットフォーム、ドキュメント、ポリシーに関する最近の変更

ガイド、デモ、最新ニュースで WebGPU について学ぶことができます

Chrome の最新の Stable リリースと Beta リリースに含まれる内容を確認する。

Chrome で最新の Payment API を使用する方法を学ぶ

Chrome のプライバシーとセキュリティの機能をご確認ください。

基盤となるオペレーティング システムにアクセスしやすいエクスペリエンスを構築するために、このテクノロジーが非推奨になりました。

ヘッドレス Chrome または Chromium を制御するための高レベル API を提供する Node.js ライブラリ

Android でウェブアプリを開発するための Chrome の機能についてご紹介します。

この API を使用して証明書をプラットフォームに公開すると、そのプラットフォームはこの証明書を TLS 認証に使用できます。 この API を使用してクライアント証明書を ChromeOS に公開する一般的な手順は次のとおりです。 実際の手順は異なる場合があります。たとえば、証明書を自動的に選択するエンタープライズ ポリシーが使用されている場合、ユーザーに証明書の選択を求めるメッセージは表示されません（ AutoSelectCertificateForUrls と ユーザー向けの Chrome

chrome.extension API には、任意の拡張機能ページで使用できるユーティリティがあります。拡張機能とそのコンテンツ スクリプト間、または拡張機能間でのメッセージ交換がサポートされています。詳しくは、 メッセージ パススルー をご覧ください。 拡張機能ビューのタイプ。 「タブ」 「popup」 シークレット タブ内で実行されるコンテンツ スクリプトと、シークレット プロセス内で実行される拡張機能ページの場合、true です。後者は、incognito_behavior

Lighthouse を使用してウェブ パフォーマンス監査を自動化する

Chrome のパフォーマンス ツールを使ってウェブ アプリケーションのパフォーマンスを最適化しましょう。

system.display API を使用してディスプレイのメタデータをクエリします。 ディスプレイが検出され、システムで使用されているかどうかを示す列挙型。ディスプレイがシステムで検出されない場合（接続が切断されている場合や、スリープ モードのため接続が切断されていると見なされる場合など）は、ディスプレイは「非アクティブ」と見なされます。この状態は、すべてのディスプレイが切断されたときに既存のディスプレイを保持するために使用されます。 「active」 「無効」 数値

system.display API を使用してディスプレイのメタデータをクエリします。 ディスプレイが検出され、システムで使用されているかどうかを示す列挙型。ディスプレイがシステムで検出されない場合（接続が切断されている場合や、スリープ モードのため接続が切断されていると見なされる場合など）は、ディスプレイは「非アクティブ」と見なされます。この状態は、すべてのディスプレイが切断されたときに既存のディスプレイを保持するために使用されます。 「active」 「無効」 数値

chrome.action API を使用して、Google Chrome ツールバーの拡張機能のアイコンを制御します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 chrome.action API を使用するには、 "manifest_version" を 3 に指定し、 マニフェスト ファイル に "action" キーを含めます。 "action"

カスタムタブ機能と利用可能なブラウザの概要。

ウェブ認証など、Chrome の ID 機能について説明します。

commands API を使用して、拡張機能でアクションをトリガーするキーボード ショートカットを追加します。たとえば、ブラウザ アクションを開くアクションや、拡張機能にコマンドを送信するアクションなどです。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 Commands API を使用すると、拡張機能のデベロッパーは特定のコマンドを定義し、デフォルトのキーの組み合わせにバインドできます。拡張機能が受け入れる各コマンドは、 拡張機能のマニフェスト で

一部の WebDriver コマンド（ブラウザ ウィンドウのサイズ変更など）では、Chrome 拡張機能をブラウザに読み込む必要があります。通常、ChromeDriver は新しい Chrome セッションを起動するたびに、この「自動化拡張機能」を読み込みます。 ただし、ChromeDriver に、新しい Chrome セッションを起動するのではなく、既存の Chrome セッションに接続するよう指示できます。これは、 Capabilities （ChromeOptions

すべての ChromeOS テストイメージには、 /usr/local/chromedriver/ に ChromeDriver バイナリがインストールされています。バイナリは、そのテストイメージ内の同じバージョンの Chrome に更新されます。つまり、常に ChromeDriver の最新ビルドを使用します。 テストで ChromeDriver バイナリの安定版ビルドを実行する場合は、テストに独自のコードを記述して、特定のバイナリをダウンロードし、

WebView コンポーネントは、Chromium オープンソース プロジェクトをベースにしています。

この API を使用して証明書をプラットフォームに公開すると、そのプラットフォームはこの証明書を TLS 認証に使用できます。 この API を使用してクライアント証明書を ChromeOS に公開する一般的な手順は次のとおりです。 実際の手順は異なる場合があります。たとえば、証明書を自動的に選択するエンタープライズ ポリシーが使用されている場合、ユーザーに証明書を選択するよう求められることはありません（ AutoSelectCertificateForUrls と ユーザー向けの Chrome

chrome.extension API には、任意の拡張機能ページで使用できるユーティリティがあります。拡張機能とそのコンテンツ スクリプト間、または拡張機能間でのメッセージ交換がサポートされています。詳しくは、 メッセージ パススルー をご覧ください。 拡張機能ビューのタイプ。 「タブ」 「popup」 シークレット タブ内で実行されるコンテンツ スクリプトと、シークレット プロセス内で実行される拡張機能ページの場合、true です。後者は、incognito_behavior

ChromeDriver はパフォーマンス ロギングをサポートしています。これにより、ドメイン「タイムライン」、「ネットワーク」、「ページ」のイベントと、指定したトレース カテゴリの トレースデータ を取得できます。 パフォーマンス ロギングはデフォルトでは有効になっていません。そのため、新しいセッションを作成するときに有効にする必要があります。 有効にすると、パフォーマンス ログはタイムライン、ネットワーク、ページのイベントを収集します。トレースを有効にしたり、パフォーマンス

ChromeDriver のクラッシュを診断して修正するには、いくつかの方法があります。これは ChromeDriver のクラッシュの場合のみです。これは Chrome のクラッシュや終了とは異なります。 Windows では、次のようなメッセージが表示されることがあります。 ChromeDriver のコントリビューターが問題の再現とデバッグに使用できる再現ケースを作成します。クラッシュが 100% 発生しなくても問題ありません。

以前のバージョンの Chrome については、以下にサポートされている ChromeDriver のバージョンを示します。 適切なバージョンの ChromeDriver を選択する方法については、 バージョンの選択 のページをご覧ください。 Chrome バージョン 114 をサポート 詳細については、 リリースノート をご覧ください。 Chrome バージョン 114 をサポート 詳細については、 リリースノート をご覧ください。 Chrome バージョン 113 をサポート 詳細については、

Chrome では、 Chrome DevTools でデバイスモード を有効にすることで、デスクトップ版 Chrome からモバイル デバイス上の Chrome をエミュレートできます。この機能により、ウェブ開発のスピードが向上し、デベロッパーは実際のデバイスを使用せずに、モバイル デバイスでウェブサイトがどのようにレンダリングされるかをすばやくテストできます。ChromeDriver

最新の ChromeDriver のバイナリ は、さまざまなホスト プラットフォーム用の zip ファイルとしてパッケージ化されています。 以前のバージョンの ChromeDriver は、 ダウンロード から入手できます。 ChromeDriver は、 ウェブ デバッグ と JavaScript が有効になっている Android 4.4（KitKat） 以降の Chrome ブラウザ（バージョン 30 以降）と WebView ベースのアプリでのテスト実行をサポートしています。

これは、特別なテストハーネス（IDE など）または継続的ビルド システム（Jenkins など）を使用して ChromeDriver または Chrome を実行している場合によく発生します。 通常のユーザー コマンド プロンプトから、テストで使用しているのと同じ Chrome バイナリを起動してみてください。 chromedriver.log ファイルで使用されている Chrome バイナリを確認します。特別なコマンドライン スイッチや引数を Chrome

ChromeDriver は強力なツールであり、悪用されると有害な結果をもたらす可能性があります。ChromeDriver を使用する際は、次の推奨事項に従ってください。

ChromeDriver Canary には、最新の ChromeDriver 機能が含まれています。新しいバイナリは 1 日に複数回ビルドされ、利用可能になります。 デベロッパーとアーリー アドプター向けに設計されているため、完全に機能しなくなることがあります。 M115 以降、Canary を含むリリース チャンネルごとの最新の Chrome + ChromeDriver リリースは、Chrome for Testing

現在、ChromeDriver は、米国のキーボードが構成されているシステムのみをサポートしています。 ChromeDriver はこの状態を検出すると、次のことをログに記録します。 米国のキーボードを使用している場合、 sendKeys コマンドまたは TypeElement コマンドの実行中にキーが失われることがあります。 回避策として、QWERTY レイアウトの米国キーボードをシステム構成に追加することをおすすめします。これにより、ChromeDriver

Chrome の調査によると、自動入力を使用するユーザーはフォームの入力が速く、放棄率が低くなります。

貴重な時間を割いてフィードバックを送信していただき、詳細を確認して標準の策定にご協力いただきありがとうございました。

AI を組み込んだ機能やアプリケーションの構築を開始するための要件について学びます。

Language Detector API は、ウェブでブラウザ内で利用できる組み込みの言語検出機能です。

割り当てタイムライン ツールを使用して、適切にガベージ コレクションされず、メモリを保持し続けているオブジェクトを見つけます。

Lighthouse の監査に合格する方法（「複合化されていないアニメーションを避ける」）

DevTools でパフォーマンス トレースを記録して分析する。

Gemini を使用してネットワーク リクエスト、ソースファイル、パフォーマンス トレースをデバッグしたり、AI チャット履歴を表示したりできます。

Chrome DevRel チームとスケートボードに乗った Chrome Dino と一緒に、2024 年に Chrome とウェブ プラットフォーム向けにリリースされた最新の CSS を学びましょう。

このセクションでは、メモリ分析で使用される一般的な用語について説明します。これらの用語は、さまざまな言語のさまざまなメモリ プロファイリング ツールに適用できます。

[拡張機能のストレージ] パネルで拡張機能のストレージを表示、編集する方法。

chrome.syncFileSystem API を使用して、Google ドライブにデータを保存して同期します。この API は、Google ドライブに保存されている任意のユーザー ドキュメントにアクセスするためのものではありません。オフラインとキャッシュに使用するためのアプリ固有の同期可能なストレージを提供するため、異なるクライアント間で同じデータを使用できます。この API の使用方法については、 データを管理する をご覧ください。 "last_write_win" 「manual」

chrome.bluetoothSocket API を使用して、RFCOMM 接続と L2CAP 接続を使用して Bluetooth デバイスとデータを送受信します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 「system_error」 システムエラーが発生し、接続を復元できない可能性があります。 「not_listening」 ソケットがリッスンしていません。 AcceptError エラーの原因を示すエラーコード。 文字列 エラー メッセージ。

chrome.browser API を使用すると、現在のアプリと Chrome プロファイルに関連付けられている Chrome ブラウザを操作できます。 文字列 新しいタブが最初に開かれたときに移動する URL。 現在のアプリケーションと Chrome プロファイルに関連付けられたブラウザ ウィンドウで新しいタブが開きます。Chrome プロファイルのブラウザ ウィンドウが開いていない場合は、新しいタブを作成する前に新しいウィンドウが開きます。 OpenTabOptions

chrome.socket API を使用して、TCP 接続と UDP 接続を使用してネットワークでデータを送受信します。 注: Chrome 33 以降、この API は非推奨となり、 sockets.udp 、 sockets.tcp 、 sockets.tcpServer API に置き換えられます。 数値 number（省略可） 受け入れられたソケットの ID。 数値 新しく作成されたソケットの ID。 文字列 使用可能な IPv4/6 アドレス。 文字列

chrome.bluetooth API を使用して Bluetooth デバイスに接続します。すべての関数は、chrome.runtime.lastError を介してエラーを報告します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 文字列 アダプタのアドレス（XX:XX:XX:XX:XX:XX の形式）。 ブール値 アダプタが使用可能かどうか（有効かどうか）を示します。 ブール値 アダプターが現在検出中かどうかを示します。 文字列

chrome.bluetoothLowEnergy API は、 汎用属性プロファイル（GATT） を使用して Bluetooth Smart（低エネルギー）デバイスと通信するために使用されます。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 ManufacturerData [] 省略可 広告データの [メーカー固有のデータ] フィールドに含めるメーカー固有のデータのリスト。 ServiceData [] 省略可 広告データの [サービスデータ]

chrome.mdns API を使用して、mDNS 経由でサービスを検出します。これは、NSD 仕様の機能のサブセットで構成されています（http://www.w3.org/TR/discovery-api/）。 文字列 mDNS アドバタイズ サービスの IP アドレス。 string[] mDNS でアドバタイズされるサービスのメタデータ。 文字列 mDNS でアドバタイズされたサービスの host:port ペア。 文字列 mDNS でアドバタイズされるサービスのサービス名。

chrome.serial API を使用して、シリアルポートに接続されたデバイスの読み取りと書き込みを行います。 number（省略可） ConnectionOptions.bitrate をご覧ください。このフィールドは、標準以外のビットレートを使用している場合や、基盤となるデバイスのクエリ中にエラーが発生した場合は、省略されるか不正確になることがあります。 数値 ConnectionOptions.bufferSize を見る 数値 シリアルポート接続の ID。 ブール値（省略可）

webview タグを使用すると、ネットワーク経由でウェブからライブ コンテンツを積極的に読み込み、Chrome アプリに埋め込むことができます。アプリは webview の外観を制御し、ウェブ コンテンツを操作したり、埋め込まれたウェブページ内でナビゲーションを開始したり、そのページ内で発生したエラーイベントに対応したりできます（ 使用方法 を参照）。 clearData によって削除されるデータを決定するオプション。 number（省略可）

chrome.fontSettings API を使用すると、Chrome のフォント設定を管理できます。 Font Settings API を使用するには、 拡張機能マニフェスト で "fontSettings" 権限を宣言する必要があります。次に例を示します。 Chrome では、一部のフォント設定を特定の汎用フォント ファミリーと言語スクリプトに依存させることができます。たとえば、サンセリフ体簡体中国語に使用されるフォントは、セリフ体日本語に使用されるフォントと異なる場合があります。

chrome.usb API を使用して、接続された USB デバイスを操作できます。この API を使用すると、アプリのコンテキストから USB 操作にアクセスできます。この API を使用すると、アプリはハードウェア デバイスのドライバとして機能します。この API によって生成されたエラーは、 runtime.lastError を設定し、関数の通常のコールバックを実行することによって報告されます。この場合、コールバックの通常のパラメータは未定義になります。 ブール値

Chrome 拡張機能の Prompt API の無限の可能性をご紹介します。

AI を使用して拡張機能を開発する方法

強力な HTTP Strict Transport Security（HSTS）ポリシーの構成の詳細

試験運用版の [パフォーマンス分析情報] パネルは 2025 年 1 月に削除され、[パフォーマンス] パネル自体に新しい分析情報が追加されます。

AI アシスタントに関する最新情報やユースケースをご確認ください

chrome.documentScan API を使用すると、接続されているドキュメント スキャナから画像を検出、取得できます。

Desktop Capture API は、画面、個々のウィンドウ、個々のタブのコンテンツをキャプチャします。 chooseDesktopMedia() で使用されるデスクトップ メディアソースのセットを定義するために使用される列挙型。 「screen」 「window」 「タブ」 「audio」 SelfCapturePreferenceEnum をミラーリングします。 "include" 「除外」 SystemAudioPreferenceEnum をミラーリングします。 "include"

DNS 解決には chrome.dns API を使用します。 この API を使用するには、 manifest で "dns" 権限を宣言する必要があります。 次のコードは resolve() を呼び出して、 example.com の IP アドレスを取得します。 service-worker.js: 文字列（省略可） IP アドレスのリテラルを表す文字列。resultCode が成功を示す場合にのみ指定します。 数値 結果コード。0 は成功を示します。 指定されたホスト名または IP

chrome.declarativeContent API を使用すると、ページのコンテンツの読み取り権限を必要とせず、ページのコンテンツに応じた操作を行うことができます。 Declarative Content API を使用すると、 ホスト権限 を追加したり、 コンテンツ スクリプト を挿入したりすることなく、ウェブページの URL に応じて、または CSS セレクタがページ上の要素と一致する場合に、拡張機能のアクションを有効にできます。 activeTab

chrome.system.storage API を使用してストレージ デバイスの情報をクエリし、取り外し可能なストレージ デバイスが接続または切断されたときに通知します。 「success」 取り外しコマンドが成功しました。アプリケーションは、デバイスを取り外すようユーザーにプロンプトを表示できます。 "in_use" デバイスが別のアプリによって使用されています。取り出しが成功しませんでした。他のアプリがデバイスの使用を終了するまで、デバイスを取り外さないでください。

chrome.contextMenus API を使用して、Google Chrome のコンテキスト メニューにアイテムを追加します。コンテキスト メニューの追加を適用するオブジェクトの種類（画像、ハイパーリンク、ページなど）を選択できます。 API を使用するには、拡張機能のマニフェストで "contextMenus" 権限を宣言する必要があります。また、メニュー項目の横に表示する 16 x 16 ピクセルのアイコンを指定する必要があります。次に例を示します。 コンテキスト メニュー

chrome.audio API は、ユーザーがシステムに接続されているオーディオ デバイスに関する情報を取得し、制御できるようにするために提供されています。この API は現在、ChromeOS のキオスクモードでのみ使用できます。 文字列 デバイス名。 DeviceType 端末のタイプ。 文字列 ユーザー フレンドリーな名前（「USB マイク」など）。 文字列 音声デバイスの一意の識別子。 ブール値 これが現在アクティブなデバイスである場合、true になります。 数値

chrome.alarms API を使用して、定期的に、または将来の特定の時刻にコードを実行するようにスケジュールします。 chrome.alarms API を使用するには、 manifest で "alarms" 権限を宣言します。 信頼性の高い動作を確保するには、API の動作を理解することが役立ちます。

ブラウザとデベロッパーは、ユーザーがデータをすばやく入力し、データを再入力しなくて済むようにすることができます。

CrUX ツールに関する技術ドキュメント。

chrome.declarativeNetRequest API は、宣言型ルールを指定してネットワーク リクエストをブロックまたは変更するために使用されます。これにより、拡張機能はネットワーク リクエストをインターセプトしてコンテンツを表示することなく、リクエストを変更できるため、プライバシーが保護されます。 「 declarativeNetRequest 」権限と「 declarativeNetRequestWithHostAccess

chrome.devtools.panels API を使用して、拡張機能をデベロッパー ツール ウィンドウの UI に統合します。独自のパネルを作成したり、既存のパネルにアクセスしたり、サイドバーを追加したりできます。 各拡張機能パネルとサイドバーは、個別の HTML ページとして表示されます。デベロッパー ツール ウィンドウに表示されるすべての拡張機能ページは、 chrome.devtools API のすべての部分と、他のすべての拡張機能 API にアクセスできます。

chrome.fileBrowserHandler API を使用すると、ChromeOS ファイル ブラウザを拡張できます。たとえば、ウェブサイトにユーザーがファイルをアップロードできるようにする場合にこの API を使用できます。 ChromeOS ファイル ブラウザは、ユーザーが Alt+Shift+M キーを押すか、SD カード、USB キー、外部ドライブ、デジタル カメラなどの外部ストレージ デバイスを接続すると表示されます。ファイル

chrome.readingList API を使用して、 リーディング リスト のアイテムを読み取り、変更します。 Reading List API を使用するには、拡張機能の マニフェスト ファイルに "readingList" 権限を追加します。 manifest.json: Chrome のサイドパネルにはリーディング リストが表示されます。ウェブページを保存して、後で読む、またはオフラインで読むことができる。 Reading List API

最新の GPU for the Web ワーキング グループ ミーティングで議論された、新しい AI とレンダリング機能について学びます。

Gemini API デベロッパー コンペティションのウェブ アワードに ViddyScribe が選ばれました。動画の音声による説明を生成することで、ウェブ上の動画をよりアクセスしやすくする方法について、Gemini を例に説明しました。

新しい拡張機能メニューに対応するよう拡張機能を準備する方法。

より簡単かつ安全なパスワードの置き換え。

chrome.networking.onc API は、ネットワーク接続（モバイル、イーサネット、VPN、Wi-Fi）の構成に使用されます。この API は、自動起動された ChromeOS キオスク セッションで使用できます。 ネットワーク接続の構成は、 Open Network Configuration（ONC） 仕様に従って指定します。 注: ほとんどの辞書プロパティと列挙型の値では、JavaScript の lowerCamelCase 表記法ではなく、ONC 仕様に一致するように

DevTools の新しいアノテーション機能を使用してパフォーマンス トレースをよりわかりやすくする方法を学びます。

ローカル AI モデルを使用して、ブラウザでテキストをリアルタイムで翻訳します。ユーザーは母国語で投稿できるようになりました。

AI を活用したパフォーマンス プロファイルの把握

Chrome に搭載される最新機能について学びます。

Translator API を使用して、グローバルなカスタマー サポートを強化する。

AI を活用してウェブサイトの仕組みを理解する

組み込みの AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供できる最新のサービスです。

AI を活用してウェブサイトのリソースを把握する

AI を活用してウェブサイトのネットワーク トラフィックを把握する

パソコン版 Chrome のパスキーの Signal API の導入

Chrome 拡張機能の Prompt API オリジン トライアルに参加して、Chrome で Gemini Nano にアクセスします。

CSS ハイライトの継承の変更、details 要素の CSS スタイルの追加、ページ マージン ボックスによる印刷レイアウトの簡素化など。

Chrome 131 のリリースが開始されました。詳細要素の CSS スタイル設定の追加、ページ マージン ボックスによる印刷レイアウトの簡素化など、さまざまな機能が追加されています。

オリジン トライアルに参加して、ユーザーは長い記事や複雑なドキュメント、さらにはチャットでの活発な会話から、簡潔で洞察力に富んだ要約を作成できます。

WebAuthn Signal API を使用すると、信頼できる当事者は既存の認証情報の状態をパスキー プロバイダに通知できるため、パスキーがサーバー上の認証情報と整合するようになります。

長い記事、複雑なドキュメント、活発なチャット会話から、簡潔で洞察に富んだ要約を抽出します。

タイポグラフィ、色、レイアウトなどのトピックに関するリソースをご覧ください。

警告: バージョン 57 以降の Chrome では、サンドボックス化されたページ内に外部ウェブ コンテンツ（埋め込まれたフレームやスクリプトを含む）を配置できなくなります。代わりに WebView を使用してください。 サンドボックス化された一意のオリジンで提供されるアプリまたは拡張機能のページのコレクションを定義します。必要に応じて、それらで使用するコンテンツ セキュリティ ポリシーも定義します。サンドボックスには次の 2 つの意味があります。

local ストレージ領域と sync ストレージ領域とは異なり、 managed ストレージ領域では構造を JSON スキーマ として宣言する必要があり、Chrome によって厳密に検証されます。このスキーマは、 "storage" マニフェスト キーの "managed_schema" プロパティで指定されたファイルに保存し、アプリでサポートされているエンタープライズ ポリシーを宣言する必要があります。

アプリまたは拡張機能に必要なテクノロジー。Chrome ウェブストアなどのホスティング サイトでは、このリストを使用して、ユーザーがパソコンで動作しないアプリや拡張機能をインストールしないように促す場合があります。現在サポートされている要件には「3D」と「プラグイン」があります。今後、他の要件チェックが追加される可能性があります。 「3D」要件は、GPU ハードウェア アクセラレーションを示します。「webgl」の要件は WebGL API を指します。Chrome の 3D

ウェブ プラットフォームの新機能または試験運用版の機能をテストします。機能をすべてのユーザーに公開する前に、ウェブ標準コミュニティに機能のユーザビリティ、実用性、有効性についてのフィードバックを提供する。

Chrome と DevTools を使用して、メモリリーク、メモリの肥大化、頻繁なガベージ コレクションなど、ページのパフォーマンスに影響するメモリの問題を見つける方法について説明します。

WGSL、GPUCanvasContext getConfiguration()、点と線のプリミティブのクリップ距離には、深度バイアス、サブグループ用のインクルーシブ スキャン組み込み関数、マルチ描画間接の試験運用版サポート、シェーダー モジュールのコンパイル オプションの厳密な計算、GPUAdapter requestAdapterInfo() の削除などがあってはなりません。

新しい ::details-content 疑似要素を使用して、表示タイプを設定したり、展開と閉じを切り替える部分のコンテナにスタイルを適用したりできるようになりました。

メモリ割り当てに関する詳細な分析情報を取得し、低レベルのメモリの問題を調査して、ガベージ コレクションを管理します。

シームレスな認証情報共有を使用すると、ユーザーが Android アプリとウェブサイトで同じ認証情報を使用してログインできることをパスワード マネージャーに安全に通知できます。

Chrome DevTools をカスタマイズする方法のリスト。テーマ、配置、パネルの順序、言語などを変更できます。

さまざまなオーバーレイを切り替え、バッジを使用して DOM ツリー ナビゲーションを高速化できます。

[パフォーマンス] パネルで Core Web Vitals の指標をリアルタイムでモニタリングする。

ウェブページの印刷時にカスタムのヘッダーとフッターを作成する。

Gemini で CSS をデバッグし、検出結果にアノテーションを付け、[パフォーマンス] パネルで分析情報を取得し、過度のレイアウト シフトや合成されていないアニメーションなどを検出します。

手書き入力認識 API を使用すると、ウェブ アプリケーションで高度な手書き入力認識サービスを使用して、手書き入力のテキストをリアルタイムで認識できます。

Chrome ブラウザで WebGPU が無効になっている、または動作しない理由をご確認ください。

Chrome 132 では、古いヘッドレス モードが削除されました。Chrome ヘッドレス シェルまたは新しいヘッドレス モードに移行します。

Chrome DevTools でランタイム パフォーマンスを評価する方法について説明します。

DevTools の新しいスクロール バッジによって、スクロール可能な要素のデバッグがどのように簡素化されるか（およびその作成方法）について説明します。

DevTools の新しい AI アシスタント パネルの楽しいユースケースについて学びます

Chrome では、安全に Cache-Control: no-store を使用しているページで bfcache の使用を許可するように変更されます。デベロッパーの皆様への影響をご確認ください。

Chrome のヘッドレス モードは、Chrome の通常のヘッドフル モードに近づけることで、デベロッパーにとってさらに便利になりました。

組み込みの AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供できる最新のサービスです。

Chrome の最新ベータ版に追加される機能をご確認ください。

Chrome 拡張機能で利用できるすべての API の完全なリファレンス。これには、サポートが終了した Chrome アプリ プラットフォーム用の API や、ベータ版および開発中の API が含まれます。

DevTools の AI を使用してウェブサイトのスタイル設定がどのように行われるかを理解する。

デュアルソース ブレンディング、Metal でのシェーダーのコンパイル時間の改善、GPUAdapter requestAdapterInfo() のサポート終了など。

Chrome 130 のリリースが開始されました。ドキュメントのピクチャー イン ピクチャーでは、ピクチャー イン ピクチャー ウィンドウをより細かく制御できます。CSS ネスト宣言により、厄介なエッジケースを修正できます。また、複数行に分割された要素のデコレーションをどのように動作させるかを指定できます。Chrome 130 のデベロッパー向け新機能について、Pete LePage が詳しく説明しています。

Chrome 130 のリリースが開始されました。ドキュメントのピクチャー イン ピクチャーでは、ピクチャー イン ピクチャー ウィンドウをより細かく制御できます。CSS のネストされた宣言では、厄介なエッジケースを修正できます。要素の装飾が複数行に分割された場合の動作を指定することもできます。他にも多くの機能があります。

chrome.virtualKeyboard API は、キオスク セッションでの仮想キーボードのレイアウトと動作を構成するために使用されるキオスク専用の API です。 ブール値（省略可） 仮想キーボードで予測入力を利用できるかどうかを指定します。 ブール値（省略可） 仮想キーボードで自動修正機能を使用できるかどうかを指定します。 ブール値（省略可） 仮想キーボードで手書き入力認識を使用して入力できるかどうか。 ブール値（省略可）

chrome.clipboard API は、ユーザーがクリップボードのデータにアクセスできるようにするためのものです。これは、オープンウェブの代替手段が利用可能になるまで、chromeos プラットフォーム アプリに対する一時的なソリューションです。2017 年第 4 四半期には、オープンウェブ ソリューションが利用可能になり次第非推奨となります。 文字列 追加データ項目の内容。 type が「textPlain」の場合は書式なしテキストの文字列またはマークアップ文字列（ type

Long Tasks API の次期イテレーションで、アトリビューションによってフレーム更新の遅延を測定できる Long Animation Frames API（LoAF）について学びます。

[AI イノベーション] タブのリファレンス。

Chrome DevTools の最も一般的なネットワーク関連機能に関するチュートリアルです。

Chrome 130 では、接頭辞のない box-decoration-break が完全にサポートされています。

Chrome 拡張機能の最近の変更の概要と、デベロッパーが期待できる今後の拡張機能の魅力的な機能について説明します。

コンパイルされた C / C++ コードをブラウザで実行するためのサンドボックス。サポートを終了しました。

プライベート ネットワーク アクセス（PNA）のロールアウトは保留中です。

Chrome 134 では、CSS ハイライトの継承に変更が加えられます。

Translation API が、組み込み AI 早期プレビュー プログラムの参加者にご利用いただけるようになりました。

アンカー ポジショニング API を使用して、要素を相互に配置します。

例外がキャッチされるかどうかを DevTools デバッガが予測する方法を学びます。

Chrome の Gemini Nano でできることを再考する「組み込み AI チャレンジ」を開催します。

Chrome DevTools で、認証システムをエミュレートして WebAuthn をデバッグします。

このたび、Chrome ウェブストア デベロッパー ダッシュボードの UI を変更し、レスポンシブ性とモバイル フレンドリー性を高めました。これにより、店舗掲載情報のパフォーマンスのモニタリング、掲載情報の変更、店舗の拡張機能の管理がより便利でアクセスしやすくなることを願っています。 すべてのグラフと分析ページが更新され、レスポンシブ性が向上しました。これにより、モバイル デバイスでの拡張機能のストア掲載情報のパフォーマンスをより適切に確認できるようになりました。

検索パネルを使用して、読み込まれたすべてのリソースからテキストを検索できます。

Chrome DevTools の [レコーダー] パネルの機能に関する総合的なリファレンス。

パフォーマンス パネルで移動できるライブ指標とパンくずリストの推奨事項、ネットワーク フィルタの刷新、HAR エクスポートのクリーンアップなど。

Chrome DevTools で使用していない JavaScript や CSS コードを見つけて分析する方法

Chrome DevTools の [ソース] パネルで、ファイルの表示と編集、スニペットの作成、JavaScript のデバッグ、ワークスペースの設定を行います。

[セキュリティ] パネルを使用して、ページが HTTPS で完全に保護されていることを確認します。

シングルページ アプリケーションで使用する同一ドキュメントのビュー遷移を使ってみましょう。

ウェブサイトを構成するレイヤを調べます。

DevTools を使用してキャッシュを検査し、トラブルシューティングします。

ウェブバイタル拡張機能は Chrome DevTools のパフォーマンス パネルと統合され、2025 年 1 月にスタンドアロン サポートが終了します。

Chrome DevTools コンソールの主な用途は、メッセージの記録と JavaScript の実行です。

オプションの `id` プロパティは、ウェブアプリ マニフェストの仕様に含まれており、PWA に使用する識別子を明示的に定義できます。マニフェストに id プロパティを追加すると、start_url またはマニフェストの場所への依存関係が削除され、今後更新できるようになります。

パソコン版 Chrome では、まもなく Google パスワード マネージャー（GPM）でパスキーを作成して、Android に加えてこれらのプラットフォーム間で同期できるようになります。

EPP の参加者は、Chrome の書き込み API と書き換え API を使用してプロトタイプを作成できるようになりました。

提案されている 2 つの組積造の仕様の比較。

最新の Chrome ベータ版の機能と変更点を使ってサイトをテストします。

ウェブサイトの読み込みと実行時のパフォーマンスを分析する

プロセス共有の試験運用と、Chrome DevTools のデベロッパー エクスペリエンスへの影響。

キャンバス トーン マッピング モードでの HDR サポート、サブグループのサポートの拡大など。

Chrome 129 のリリースが開始されました。長いタスクでは、パフォーマンスを向上させるために、固有のサイズで要素をアニメーション化できます。また、アンカー配置の構文にもいくつかの変更があります。Chrome 129 のデベロッパー向けの新機能について、Pete LePage が詳しく説明しています。

「interpolate-size」と「calc-size()」を使用して、固有のサイズ設定キーワードとの間でアニメーション化する

Chrome DevTools の [Performance] パネルでは、ローカルの Core Web Vitals のパフォーマンスをモニタリングし、フィールドの実際のユーザーデータと比較する新しい方法が導入されています。

Web Serial で Bluetooth RFCOMM シリアルポートが使用可能になったことを検出する方法について学びます。

カスタマイズ可能な新しい選択機能をいち早くご紹介します。

DOM 内の要素をフリーズして、DevTools で調査できるようにします。

CrUX データセットの最新の変更に関する詳細。

常時オンのウィンドウに任意の HTML コンテンツを表示します。

Keyboard Lock API を使用すると、デベロッパーは、インタラクティブなウェブサイト、ゲーム、リモート デスクトップやアプリのストリーミングなど、さまざまなユースケースで没入感のあるフルスクリーン エクスペリエンスを提供できます。これは、ウェブサイトがホスト オペレーティング システムで許可されているすべての鍵を使用できるようにすることで実現します。 Pointer Lock API を使用すると、デスクトップ アプリケーションでポインタ アイコンを非表示にして、マウスの動きを 3D

MIME タイプから各タイプを処理するネイティブ クライアント モジュールへの 1 つ以上のマッピング。対象 次のスニペットの太字のコードは、Native Client モジュールをコンテンツとして登録しています。 OpenOffice スプレッドシートの MIME タイプの MIME タイプを拒否します。 「path」の値拡張機能内のネイティブ クライアント マニフェスト（.nmf ファイル）の場所 されます。ネイティブ クライアントと.nmf ファイルについて詳しくは、 ネイティブ

externally_connectable マニフェスト プロパティは、許可する拡張機能、アプリ、ウェブページを宣言します。 runtime.connect と runtime.sendMessage 経由でアプリに接続します。 メッセージの受け渡しに関するチュートリアルについては、 クロス拡張機能とアプリ メッセージング と メッセージの送信をご覧ください。 ウェブページから削除します アプリのマニフェストで externally_connectable

拡張機能、アプリ、テーマを表す 1 つ以上のアイコン。常に 128×128 のサイズを アイコンインストール中や Chrome ウェブストアで使用されます。拡張機能では 拡張機能の管理ページ（chrome://extensions）で使用されている 48x48 アイコン。また、 拡張機能のページのファビコンとして使用する 16x16 のアイコンを指定する。 一般に、アイコンは PNG 形式にする必要があります。PNG が最も透過性をサポートしているためです。。 BMP、GIF、ICO、JPEG

パッケージに必要なマニフェスト ファイル形式のバージョンを指定する 1 つの整数。Chrome 以降 ここに記載されている形式を使用するには、 2 （引用符なし）を指定する 必要があります 。 ドキュメント: Chrome 18 でマニフェスト バージョン 1 は 非推奨 になりました。バージョン 2 はまだ 必須 ではありませんが、 近い将来、非推奨のパッケージを使用するパッケージの 指定します。移行の準備が整っていない拡張機能、アプリケーション、テーマは、 Chrome 18

Memory Inspector を使用すると、JavaScript の ArrayBuffer、TypedArray、DataView や、C++ Wasm アプリの WebAssembly.Memory を検査できます。

HTML、CSS、JavaScript に対する変更のトラッキング

同じアカウント管理バックエンドを共有する複数のドメインを使用している場合、Digital Asset Links を使用して認証情報をシームレスに共有することもできます。これにより、ユーザーは認証情報を一度保存し、Chrome パスワード マネージャーで関連するウェブサイトに対して提案できるようになります。

コマンド メニューを開く方法、コマンドを実行する方法、ファイルを開く方法、その他のアクションを表示する方法などに関するガイドです。

Digital Credentials API のオリジン トライアルは、Chrome 128 以降開始されます。Digital Credentials API は、運転免許証やデジタル ウォレットに保存されている国民識別カードなどのデジタル認証情報を通じて、ウェブサイトがユーザーに関する検証可能な情報を選択的にリクエストできるようにする新しいウェブ プラットフォーム API です。

注意が必要なアンカー ポジショニング API に関連する変更。

[パフォーマンス] > [検索リクエスト]ネットワーク、自動入力を使用した住所フォームでのテストデータの使用、レコーダー パネルで Firefox 用 Puppeteer にエクスポートしたり、[Performance] パネルでモニタリングでパフォーマンスの問題をひと目で把握したりできます。

Chrome の仕組み、オリジン トライアルに参加して、あらゆる場所で Chrome を使って構築しましょう。

Chrome の WebAuthn で、ヒント、関連オリジン リクエスト、JSON シリアル化を使用できるようになりました

機能とは、ChromeDriver セッションのカスタマイズと構成に使用できるオプションです。

EPP の参加者は、Chrome の言語検出 API を使用してプロトタイプを作成できるようになりました。

chrome.declarativeNetRequest API は、宣言型ルールを指定することで、ネットワーク リクエストをブロックまたは変更する場合に使用します。これにより拡張機能は、リクエストをインターセプトしてコンテンツを閲覧することなく、ネットワーク リクエストを変更できるため、プライバシーが強化されます。 declarativeNetRequestFeedback host_permissions 上記の権限に加えて、特定の種類のルールセット（具体的には静的ルールセット）では、

Chrome Lighthouse でウェブサイトの読み込み時間を短縮しましょう。

chrome.sidePanel API を使用すると、ウェブページのメイン コンテンツとともにブラウザのサイドパネルでコンテンツをホストできます。 Side Panel API を使用するには、拡張機能の マニフェスト ファイルに "sidePanel" 権限を追加します。 manifest.json: Side Panel API を使用すると、拡張機能でサイドパネルに独自の UI を表示できるようになり、ユーザーのブラウジング ジャーニーを補完する永続的なエクスペリエンスを実現できます。

chrome.webRequest API を使用して、トラフィックをモニタリングおよび分析し、処理中のリクエストをインターセプト、ブロック、変更します。 ウェブ リクエストを使用するには、 拡張機能のマニフェスト で "webRequest" 権限を宣言する必要があります API と必要な ホスト権限 。サブリソース リクエストをインターセプトするには、 拡張機能は、リクエストされた URL とそのイニシエータの両方にアクセスできる必要があります。例: webRequestBlocking

アドレスバー API を使用すると、Google Chrome のアドレスバーにキーワードを登録できます。アドレスバーはアドレスバーとも呼ばれます。 ユーザーが拡張機能のキーワードを入力すると、拡張機能のみの操作を開始する。 あります。キー入力はそれぞれ拡張機能に送信され、ユーザーはそれに対する候補を提示できます。 候補は、さまざまな方法で豊富な形式にできます。ユーザーが候補を承認すると 拡張機能が通知を受け、処理される可能性があります。 アドレスバー API を使用するには、 マニフェスト に

chrome.pageAction API を使用して、Google Chrome のメインツールバーのアドレスバーの右にアイコンを配置します。ページ操作とは、現在のページで実行できる操作のうち、すべてのページには適用されない操作のことです。無効な場合、ページ操作はグレー表示されます。 例: 次のスクリーンショットの RSS アイコンは、RSS を購読できるページ アクションを表しています。 現在のページのフィードです 非表示のページ操作はグレー表示されます。たとえば、下の RSS

chrome.windows API を使用してブラウザ ウィンドウを操作します。この API を使用すると、ブラウザのウィンドウの作成、変更、並べ替えを行うことができます。 リクエストされると、 windows.Window には tabs.Tab オブジェクトの配列が含まれます。必要なこと url にアクセスする必要がある場合は、 マニフェスト で "tabs" 権限を宣言します。 pendingUrl 、 title 、または tabs.Tab の favIconUrl プロパティ。例:

chrome.i18n インフラストラクチャを使用して、アプリまたは拡張機能全体に国際化を実装します。 ユーザーに表示されるすべての文字列を、 messages.json という名前のファイルに配置する必要があります。毎回 新しい言語 / 地域を追加する場合は、 _locales/_localeCode_ という名前のディレクトリにメッセージ ファイルを追加します。 localeCode は、英語の場合は en などのコードです。 英語（ en

ブラウザ操作を使用して、Google Chrome のメイン ツールバーのアドレスバーの右にアイコンを配置します。ブラウザのアクションには、 アイコン に加えて、 ツールチップ 、 バッジ 、 ポップアップ を表示できます。 次の図では、アドレスバーの右側にある色とりどりの正方形が、 できます。アイコンの下にポップアップが表示されます。 常にアクティブとは限らないアイコンを作成するには、ブラウザではなく ページ アクション を使用します できます。 次のように、 拡張機能のマニフェスト

chrome.webRequest API を使用して、トラフィックをモニタリングおよび分析し、処理中のリクエストをインターセプト、ブロック、変更します。 ウェブ リクエストを使用するには、 拡張機能のマニフェスト で "webRequest" 権限を宣言する必要があります API と必要な ホスト権限 。サブリソース リクエストをインターセプトするには、 拡張機能は、リクエストされた URL とそのイニシエータの両方にアクセスできる必要があります。例: Chrome 108 以降では、

chrome.fileBrowserHandler API を使用して ChromeOS のファイル ブラウザを拡張します。たとえば、この API を使用して、ユーザーがウェブサイトにファイルをアップロードできるようにすることができます。 Alt+Shift+M キーを押すか、SD カード、USB キー、外部ドライブ、デジタルカメラなどの外部ストレージ デバイスを接続すると、ChromeOS ファイル ブラウザが表示されます。ファイル

chrome.devtools.panels API を使用して拡張機能をデベロッパー ツールのウィンドウ UI に統合し、独自のパネルの作成、既存のパネルへのアクセス、サイドバーの追加を行います。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 拡張機能パネルとサイドバーはそれぞれ個別の HTML

すべてのアプリには manifest.json という名前の JSON 形式のマニフェスト ファイルがあります。このファイルには、 情報です。 次のコードは、アプリでサポートされているマニフェスト フィールドと、 説明していきます。

system.cpu API を使用して CPU メタデータをクエリします。 文字列 プロセッサのアーキテクチャ名。 string[] プロセッサの機能の一部を示す機能コードのセット。現在サポートされているコードは、「mmx」、「sse」、「sse2」、「sse3」、「ssse3」、「sse4_1」、「sse4_2」、「avx」です。 文字列 プロセッサのモデル名。 数値 論理プロセッサの数。 ProcessorInfo [] 各論理プロセッサに関する情報。 数値 [] CPU

chrome.enterprise.networkingAttributes API を使用して、現在のネットワークに関する情報を読み取ります。注: この API は、企業ポリシーによって自動インストールされた拡張機能でのみ使用できます。 文字列（省略可） デバイスのローカル IPv4 アドレス（構成されていない場合は未定義）。 文字列（省略可） デバイスのローカル IPv6 アドレス（構成されていない場合は未定義）。 文字列 デバイスの MAC アドレス。 デバイスのデフォルト

chrome.gcm を使用して、アプリと拡張機能が Firebase Cloud Messaging （FCM）でメッセージを送受信できるようにします。 メッセージ内のすべての Key-Value ペアの最大サイズ（バイト単位）。 4096 アプリケーションを FCM に登録します。登録 ID は callback によって返されます。同じ senderIds のリストを指定して register が再度呼び出されると、同じ登録 ID が返されます。 string[]

chrome.instanceID を使用してインスタンス ID サービスにアクセスします。 アプリ インスタンス ID をリセットし、関連付けられているすべてのトークンを取り消します。 関数（省略可） callback パラメータは次のようになります。 約束 <void> Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。 付与されたトークンを取り消します。 オブジェクト deleteToken

ChromeOS の壁紙を変更するには chrome.wallpaper API を使用します。 「壁紙」を宣言する必要があります使用するための権限をアプリの マニフェスト に記載 使用できます。例: たとえば、壁紙を https://example.com/a_file.png さん、 chrome.wallpaper.setWallpaper を呼び出すことができます できます。 サポートされている壁紙レイアウト。 "ストレッチ" 「CENTER」 "CENTER_CROPPED" 指定した

chrome.history API を使用して、アクセスしたページのブラウザの記録を操作します。ブラウザの履歴では、URL の追加、削除、照会を行うことができます。履歴ページを独自のバージョンでオーバーライドするには、 ページをオーバーライドする をご覧ください。 「履歴」を申告する必要がある 拡張機能のマニフェスト で History API の使用を許可する必要があります。次に例を示します。 History API は 遷移タイプ を使用して、ブラウザが特定の URL

chrome.loginState API を使用して、ログイン状態を読み取り、モニタリングします。 "SIGNIN_PROFILE" 拡張機能がログイン プロファイルにあることを指定します。 "USER_PROFILE" 拡張機能がユーザー プロフィールにあることを指定します。 "UNKNOWN" セッション状態が不明であることを指定します。 "IN_OOBE_SCREEN" ユーザーが開封確認画面にいることを指定します。 "IN_LOGIN_SCREEN"

chrome.input.ime API を使用して、ChromeOS のカスタム IME を実装します。これにより、拡張機能でキー入力の処理、構成の設定、候補ウィンドウの管理を行うことができます。 「input」パラメータを宣言し、 拡張機能のマニフェスト で input.ime API の使用権限を宣言する必要があります。次に例を示します。 次のコードは、入力された文字を大文字に変換する IME を作成します。 アシスト ウィンドウ内のボタンの ID。 「元に戻す」

chrome.printingMetrics API を使用して、印刷の使用状況に関するデータを取得します。 "BLACK_AND_WHITE" モノクロ モードが使用されたことを示します。 "COLOR" カラーモードが使用されたことを示します。 "ONE_SIDED" 片面印刷が使用されたことを示します。 "TWO_SIDED_LONG_EDGE" 両面印刷（長辺をめくる）を指定します。

chrome.fontSettings API を使用して Chrome のフォント設定を管理します。 Font Settings API を使用するには、「fontSettings」クラスを宣言し、拡張機能の権限に 使用します 。例: Chrome で一部のフォント設定を特定の汎用フォント ファミリーと言語に依存可能に 使用できます。たとえば、sans Serif の簡体字中国語に使用するフォントは、フォントと異なる場合があります。 使用します。 Chrome でサポートされている汎用フォント

chrome.platformKeys API を使用して、プラットフォームが管理するクライアント証明書にアクセスします。ユーザーまたはポリシーが権限を付与した場合、拡張機能はその証明書をカスタム認証プロトコルで使用できます。例:これにより、サードパーティの VPN でプラットフォームが管理する証明書を使用できるようになります（ chrome.vpnProvider を参照）。 ArrayBuffer[] サーバーで許可されている認証局の識別名のリスト。各エントリは、DER でエンコードされた

chrome.devtools.inspectedWindow API を使用して、検査対象ウィンドウを操作します。検査対象ページのタブ ID の取得、検査対象ウィンドウのコンテキストにおけるコードの評価、ページの再読み込み、ページ内のリソースリストの取得を行います。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 chrome.devtools.inspectedWindow を使用して検査対象ウィンドウを操作し、対象のウィンドウのタブ ID

chrome.processes API を使用してブラウザのプロセスとやり取りします。 数値 キャッシュで使用される部分（バイト単位）。 数値 キャッシュのサイズ（バイト単位）。 数値（省略可） プロセスのすべてのスレッドによる、1 つの CPU コアの合計使用率として表される、プロセスの CPU 使用率の最新の測定値。これにより、ゼロから CpuInfo.numOfProcessors*100 までの値が得られます。この値は、マルチスレッド プロセスでは 100%

chrome.tts API を使用して、合成テキスト読み上げ（TTS）を再生します。関連する ttsEngine API もご覧ください。この API を使用すると、拡張機能で音声エンジンを実装できます。 Chrome は、Windows（SAPI 5 を使用）、Mac OS X、ChromeOS で音声をネイティブにサポートしています。 音声合成機能を使用できます。どのプラットフォームでも 自身を代替音声エンジンとして登録する拡張機能をインストールします。 拡張機能から speak()

chrome.enterprise.hardwarePlatform API を使用して、ブラウザが実行されているハードウェア プラットフォームのメーカーとモデルを取得します。注: この API は、企業ポリシーによってインストールされた拡張機能でのみ使用できます。 文字列 文字列 ハードウェア プラットフォームのメーカーとモデルを取得し、拡張機能が承認されている場合は callback を介して返します。 関数（省略可） callback パラメータは次のようになります。

chrome.identity API を使用して OAuth2 アクセス トークンを取得します。 文字列 アカウントの一意の識別子。この ID は、アカウントが存続期間中に変更されることはありません。 SYNC メイン アカウントで同期が有効になっていることを指定します。 "ANY" メイン アカウントが存在することを指定します（存在する場合）。 文字列 [] 省略可 拡張機能に付与されている OAuth2 スコープのリスト。 文字列（省略可） リクエストに関連付けられている特定のトークン。

chrome.devtools.recorder API を使用して、DevTools の [Recorder] パネルをカスタマイズします。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 devtools.recorder API は、Chrome DevTools の [ Recorder パネル ] を拡張できるプレビュー機能です。 Chrome M105 以降では、エクスポート機能を拡張できます。Chrome M112

chrome.dom API を使用して拡張機能用の特別な DOM API にアクセスする 指定された要素でホストされている、開いているシャドウルート、または閉じられたシャドウルートを取得します。この要素が Shadow ルートにアタッチされていない場合は、null が返されます。 HTMLElement オブジェクト https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot をご覧ください。

chrome.tabCapture API を使用して、タブのメディア ストリームを操作します。 chrome.tabCapture API を使用すると、動画とファイルを含む MediaStream にアクセスできます。 読み上げることもできますこれは、ユーザーが拡張機能を呼び出した後にのみ呼び出すことができます。 拡張機能の 操作ボタン をクリックする。これは Pod の IP アドレス activeTab 権限。 タブで MediaStream

chrome.webNavigation API を使用して、処理中のナビゲーション リクエストのステータスに関する通知を受け取ります。 すべての chrome.webNavigation メソッドとイベントで、「webNavigation」を宣言する必要があります。権限 拡張機能のマニフェスト 内で指定します。例: ナビゲーションが正常に完了すると、イベントは次の順序で発生します。 プロセス中にエラーが発生すると、 onErrorOccurred イベントが発生します。特定の

chrome.management API を使用すると、インストール済みのアプリと拡張機能を管理できます。 「management」として 拡張機能のマニフェスト で管理権限を使用するための権限を API例: management.getPermissionWarningsByManifest 、 management.uninstallSelf 、 management.getSelf には管理権限は必要ありません。 アイテムが無効になっている理由。 「不明」

chrome.topSites API を使用して、新しいタブページに表示される上位のサイト（よくアクセスするサイト）にアクセスします。ユーザーがカスタマイズしたショートカットは含まれません。 「topSites」をこの API を使用するには、 拡張機能のマニフェスト に権限を設定する必要があります。 この API を試すには、 chrome-extension-samples から topSites API の例 をインストールしてください。 できます。

デフォルトのプロバイダ経由で検索するには、 chrome.search API を使用します。 "CURRENT_TAB" 通話タブまたはアクティブなブラウザのタブに検索結果を表示することを指定します。 "NEW_TAB" 検索結果を新しいタブで表示するように指定します。 "NEW_WINDOW" 検索結果を新しいウィンドウで表示するように指定します。 Disposition オプション 検索結果を表示する場所。 CURRENT_TAB がデフォルトです。 数値（省略可）

chrome.idle API を使用して、マシンのアイドル状態の変化を検出します。 「アイドル状態」であることを宣言する必要があります。アイドル状態の API を使用する権限を付与する必要があります。次に例を示します。 「有効」 "アイドル状態" 「ロック中」 アイドル状態のときに画面が自動的にロックされるまでの時間を秒単位で取得します。画面が自動的にロックされない場合は、期間 0 を返します。現在、ChromeOS でのみサポートされています。 関数（省略可） callback

chrome.types API には Chrome 用の型宣言が含まれています。 ChromeSetting プロトタイプは、共通の関数セット（ get() 、 set() 、 clear() ）を提供します。 また、Chrome ブラウザの設定にはイベント パブリッシャー（ onChange ）も使用できます。 プロキシ設定 例 は、これらの関数がどのように使用されるかを示しています。 Chrome では、次の 3 種類のブラウザ設定の範囲を区別しています。 Chrome

デバイスの属性を読み取るには、 chrome.enterprise.deviceAttributes API を使用します。注: この API は、企業ポリシーによって自動インストールされた拡張機能でのみ使用できます。 管理者が注釈を付けたビジネスを取得します。現在のユーザーが関連付けられていない場合、または管理者によって位置情報のアノテーションが設定されていない場合は、空の文字列が返されます。 関数（省略可） callback パラメータは次のようになります。 文字列

chrome.windows API を使用してブラウザ ウィンドウを操作します。この API を使用すると、ブラウザのウィンドウの作成、変更、並べ替えを行うことができます。 リクエストされると、 windows.Window には tabs.Tab オブジェクトの配列が含まれます。必要なこと url にアクセスする必要がある場合は、 マニフェスト で "tabs" 権限を宣言します。 pendingUrl 、 title 、または tabs.Tab の favIconUrl プロパティ。例:

chrome.power API を使用して、システムの電源管理機能をオーバーライドします。 デフォルトでは、オペレーティング システムはユーザーが非アクティブになると画面が暗くなり、最終的に ありませんPower API を使用すると、アプリや拡張機能でシステムを起動したままにすることができます。 この API を使用すると、電源管理を無効にする レベル を指定できます。 "system"

chrome.pageCapture API を使用してタブを MHTML として保存します。 MHTML は、ほとんどのブラウザでサポートされている 標準形式 です。ページを 1 つのファイルにカプセル化し そのすべてのリソース（CSS ファイル、画像など）が含まれます。 なお、セキュリティ上の理由から、MHTML ファイルはファイル システムからのみ読み込むことができます。また、 メインフレームでのみ読み込むことができます。 「pageCapture」をpageCapture

chrome.systemLog API を使用して拡張機能から Chrome システムログを記録します。 文字列 新しいログレコードを追加します。 MessageOptions ロギングのオプション。 関数（省略可） callback パラメータは次のようになります。 約束 <void> Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。

chrome.privacy API を使用して、ユーザーのプライバシーに影響する可能性がある Chrome の機能の使用を管理します。この API は、Chrome の構成を取得、設定するために、 API タイプの ChromeSetting プロトタイプ を使用します。 「プライバシー」を申告する必要があります拡張機能の マニフェスト で API の使用権限を付与する必要があります。次に例を示します。 Chrome 設定の現在値を簡単に読み取ることができます。まず、 次に、そのオブジェクトの

chrome.fileSystemProvider API を使用してファイル システムを作成し、ChromeOS のファイル マネージャーからこのシステムにアクセスできるようにします。 「fileSystemProvider」を権限と、 拡張機能のマニフェスト のセクション（File System Provider API を使用するための設定）例: file_system_provider セクションは、次のように宣言する必要があります。 ファイルアプリは、関連する UI

chrome.notifications API を使用すると、テンプレートを使用してリッチ通知を作成し、システムトレイにその通知を表示できます。 文字列（省略可） Mac OS X ユーザーにはボタン アイコンが表示されません。 文字列 文字列 このアイテムに関する補足情報。 文字列 リスト通知の 1 つのアイテムのタイトル。 文字列（省略可） アプリアイコンのマスクは、Mac OS X ユーザーには表示されません。 アプリアイコン マスクの URL。URL には iconUrl

デベロッパー ツールの [Network] パネルに表示されるネットワーク リクエストに関する情報を取得するには、 chrome.devtools.network API を使用します。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 ネットワーク リクエスト情報は、HTTP アーカイブ形式（ HAR ）で表されます。説明 HAR

この権限により 警告がトリガーされます chrome.downloads API を使用して、ダウンロードをプログラムで開始、モニタリング、操作、検索します。 この API を使用するには、 拡張機能のマニフェスト で "downloads" 権限を宣言する必要があります。 chrome.downloads API の簡単な使用例は、 examples/api/downloads にあります。 されます。その他の例とソースコードの表示については、 サンプル をご覧ください。 ブール値（省略可）

chrome.vpnProvider API を使用して VPN クライアントを実装します。 vpnProvider の一般的な使用方法は次のとおりです。 createConfig メソッドを使用して VPN 構成を作成します。VPN 構成は永続的なエントリで、ネイティブの ChromeOS UI でユーザーに表示されます。ユーザーはリストから VPN 構成を選択して、接続または接続解除できます。 イベント onPlatformMessage 、 onPacketReceived 、

chrome.proxy API を使用して Chrome のプロキシ設定を管理します。この API は、 API タイプの ChromeSetting プロトタイプ を利用してプロキシ構成を取得、設定します。 「プロキシ」を宣言する必要があります。 拡張機能のマニフェスト でプロキシ設定を使用するための権限 API例: プロキシ設定は、 proxy.ProxyConfig オブジェクトで定義されます。Chrome のプロキシ設定によっては 設定には、 proxy.ProxyRules または

chrome.printerProvider API は、印刷マネージャーが使用するイベントを公開して、拡張機能で制御されるプリンタへのクエリ、拡張機能の機能の照会、これらのプリンタへの印刷ジョブの送信を行います。 文字列（省略可） 人が読める形式のプリンタの説明。 文字列 固有のプリンタ ID。 文字列 人間が読める形式のプリンタ名。 onPrintRequested イベントに応答して返されるエラーコード。 "OK" オペレーションが正常に完了したことを示します。 "FAILED"

chrome.events 名前空間には、重要なことが起きたときに通知するためにイベントをディスパッチする API で使用される一般的なタイプが含まれています。 Event は、何か興味深いことが起きたときに通知を受け取ることができるオブジェクトです。こちらが chrome.alarms.onAlarm イベントを使用して、アラームが経過するたびに通知されるようにする例: 例に示すように、 addListener() を使用して通知の登録を行います。この引数は、 addListener()

chrome.events 名前空間には、重要なことが起きたときに通知するためにイベントをディスパッチする API で使用される一般的なタイプが含まれています。 Event は、何か興味深いことが起きたときに通知を受け取ることができるオブジェクトです。こちらが chrome.alarms.onAlarm イベントを使用して、アラームが経過するたびに通知されるようにする例: 例に示すように、 addListener() を使用して通知の登録を行います。この引数は、 addListener()

chrome.idle API を使用して、マシンのアイドル状態の変化を検出します。 アイドル状態の API を使用するには、拡張機能のマニフェストで "idle" 権限を宣言する必要があります。次に例を示します。 「有効」 "アイドル状態" 「ロック中」 アイドル状態のときに画面が自動的にロックされるまでの時間を秒単位で取得します。画面が自動的にロックされない場合は、期間 0 を返します。現在、ChromeOS でのみサポートされています。 関数（省略可） callback

offscreen API を使用して、画面外ドキュメントを作成、管理します。 Offscreen API を使用するには、 拡張機能のマニフェスト で "offscreen" 権限を宣言します。例: Service Worker には DOM アクセスはなく、多くのウェブサイトには、 コンテンツ スクリプトの機能を制限する。Offscreen API を使用すると、拡張機能で DOM を使用できるようになります。 新しいウィンドウを開いたり、ユーザー

chrome.pageCapture API を使用してタブを MHTML として保存します。 MHTML は、ほとんどのブラウザでサポートされている 標準形式 です。ページを 1 つのファイルにカプセル化し そのすべてのリソース（CSS ファイル、画像など）が含まれます。 なお、セキュリティ上の理由から、MHTML ファイルはファイル システムからのみ読み込むことができます。また、 メインフレームでのみ読み込むことができます。 「pageCapture」をpageCapture

chrome.fileSystemProvider API を使用してファイル システムを作成し、ChromeOS のファイル マネージャーからこのシステムにアクセスできるようにします。 「fileSystemProvider」を権限と、 拡張機能のマニフェスト のセクション（File System Provider API を使用するための設定）例: file_system_provider セクションは、次のように宣言する必要があります。 ファイルアプリは、関連する UI

chrome.dom API を使用して拡張機能用の特別な DOM API にアクセスする 指定された要素でホストされている、開いているシャドウルート、または閉じられたシャドウルートを取得します。この要素が Shadow ルートにアタッチされていない場合は、null が返されます。 HTMLElement オブジェクト https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot をご覧ください。

chrome.debugger API は、Chrome の リモート デバッグ プロトコル の代替トランスポートとして機能します。 chrome.debugger を使用して 1 つ以上のタブにアタッチし、ネットワーク インタラクションの測定、JavaScript のデバッグ、DOM と CSS の変更などを行います。 Debuggee プロパティの tabId を使用して、 sendCommand でタブをターゲットにし、 onEvent コールバックからの tabId

chrome.management API を使用すると、インストール済みのアプリと拡張機能を管理できます。 「management」として 拡張機能のマニフェスト で管理権限を使用するための権限を API例: management.getPermissionWarningsByManifest() 、 management.uninstallSelf() 、 management.getSelf() には管理権限は必要ありません。 アイテムが無効になっている理由。 「不明」

アドレスバー API を使用すると、Google Chrome のアドレスバーにキーワードを登録できます。アドレスバーはアドレスバーとも呼ばれます。 ユーザーが拡張機能のキーワードを入力すると、拡張機能のみの操作を開始する。 あります。キー入力はそれぞれ拡張機能に送信され、ユーザーはそれに対する候補を提示できます。 候補は、さまざまな方法で豊富な形式にできます。ユーザーが候補を承認すると 拡張機能が通知を受け、処理される可能性があります。 この API を使用するには、次のキーを マニフェストで

chrome.downloads API を使用して、ダウンロードをプログラムで開始、モニタリング、操作、検索します。 この API を使用するには、 拡張機能のマニフェスト で "downloads" 権限を宣言する必要があります。 chrome.downloads API の簡単な使用例は、 examples/api/downloads にあります。 されます。その他の例とソースコードの表示については、 サンプル をご覧ください。 ブール値（省略可） ブール値（省略可）

chrome.history API を使用して、アクセスしたページのブラウザの記録を操作します。ブラウザの履歴では、URL の追加、削除、照会を行うことができます。履歴ページを独自のバージョンでオーバーライドするには、 ページをオーバーライドする をご覧ください。 ユーザーのブラウザ履歴を操作するには、History API を使用します。 History API を使用するには、 拡張機能のマニフェスト で "history" 権限を宣言します。次に例を示します。 History API

chrome.notifications API を使用すると、テンプレートを使用してリッチ通知を作成し、システムトレイにその通知を表示できます。 文字列（省略可） Mac OS X ユーザーにはボタン アイコンが表示されません。 文字列 文字列 このアイテムに関する補足情報。 文字列 リスト通知の 1 つのアイテムのタイトル。 文字列（省略可） アプリアイコンのマスクは、Mac OS X ユーザーには表示されません。 アプリアイコン マスクの URL。URL には iconUrl

chrome.gcm を使用して、アプリと拡張機能が Firebase Cloud Messaging （FCM）でメッセージを送受信できるようにします。 メッセージ内のすべての Key-Value ペアの最大サイズ（バイト単位）。 4096 アプリケーションを FCM に登録します。登録 ID は callback によって返されます。同じ senderIds のリストを指定して register が再度呼び出されると、同じ登録 ID が返されます。 string[]

chrome.instanceID を使用してインスタンス ID サービスにアクセスします。 アプリ インスタンス ID をリセットし、関連付けられているすべてのトークンを取り消します。 関数（省略可） callback パラメータは次のようになります。 約束 <void> Promise は Manifest V3 以降でサポートされていますが、 下位互換性が確保されます同じ関数呼び出しで両方を使用することはできません。「 Promise

chrome.loginState API を使用して、ログイン状態を読み取り、モニタリングします。 "SIGNIN_PROFILE" 拡張機能がログイン プロファイルにあることを指定します。 "USER_PROFILE" 拡張機能がユーザー プロフィールにあることを指定します。 "UNKNOWN" セッション状態が不明であることを指定します。 "IN_OOBE_SCREEN" ユーザーが開封確認画面にいることを指定します。 "IN_LOGIN_SCREEN"

chrome.platformKeys API を使用して、プラットフォームが管理するクライアント証明書にアクセスします。ユーザーまたはポリシーが権限を付与した場合、拡張機能はその証明書をカスタム認証プロトコルで使用できます。例:これにより、サードパーティの VPN でプラットフォームが管理する証明書を使用できるようになります（ chrome.vpnProvider を参照）。 ArrayBuffer[] サーバーで許可されている認証局の識別名のリスト。各エントリは、DER でエンコードされた

chrome.identity API を使用して OAuth2 アクセス トークンを取得します。 文字列 アカウントの一意の識別子。この ID は、アカウントが存続期間中に変更されることはありません。 SYNC メイン アカウントで同期が有効になっていることを指定します。 "ANY" メイン アカウントが存在することを指定します（存在する場合）。 文字列 [] 省略可 拡張機能に付与されている OAuth2 スコープのリスト。 文字列（省略可） リクエストに関連付けられている特定のトークン。

chrome.sockets.tcp API を使用して、TCP 接続を使用してネットワーク経由でデータを送受信します。この API は、 chrome.socket API に以前あった TCP 機能よりも優先されます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 数値 新しく作成されたソケットの ID。この API で作成されたソケット ID は、非推奨の [ socket ](../socket/) API など、他の API から作成されたソケット

chrome.hid API を使用して、接続された HID デバイスを操作できます。この API を使用すると、アプリのコンテキストから HID オペレーションにアクセスできます。この API を使用すると、アプリはハードウェア デバイスのドライバとして機能します。この API によって生成されたエラーは、 runtime.lastError を設定して関数の通常のコールバックを実行することによって報告されます。この場合、コールバックの通常のパラメータは未定義になります。 数値（省略可）

chrome.sockets.tcpServer API を使用して、TCP 接続を使用するサーバー アプリケーションを作成します。この API は、 chrome.socket API に以前あった TCP 機能よりも優先されます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 数値 基になるネットワーク呼び出しから返された結果コード。 数値 サーバー ソケット ID。 数値 クライアント

chrome.system.network API を使用する。 文字列 使用可能な IPv4/6 アドレス。 文字列 アダプタの基本名。*nix では、通常、"eth0"、"wlan0" などになります。 数値 プレフィックスの長さ このシステムのローカル アダプターに関する情報を取得します。 関数（省略可） callback パラメータは次のようになります。 NetworkInterface [] ネットワーク インターフェース情報を含むオブジェクトの配列。 Promise<

chrome.fileSystem API を使用して、ユーザーのローカル ファイル システムの作成、読み取り、移動、書き込みを行います。この API により、Chrome アプリはユーザーが選択した場所に対して読み取りと書き込みを行えます。たとえば、テキスト エディタ アプリでは、この API を使用してローカル ドキュメントの読み取りと書き込みを行うことができます。すべてのエラーは、chrome.runtime.lastError を介して通知されます。 文字列（省略可）

chrome.app.window API を使用してウィンドウを作成します。ウィンドウには、タイトルバーとサイズ コントロールを備えたオプションのフレームがあります。Chrome ブラウザ ウィンドウには関連付けられていません。これらのオプションのデモについては、 ウィンドウ状態サンプル をご覧ください。 ウィンドウ JavaScript の「ウィンドウ」オブジェクトが作成されます。 文字列 ウィンドウの作成に使用された ID。 境界 ウィンドウのコンテンツの位置、サイズ、制約（ウィンドウ

chrome.mediaGalleries API を使用して、ユーザーの同意を得たうえで、ユーザーのローカル ディスクのメディア ファイル（音声、画像、動画）にアクセスします。 文字列 ブール値 文字列 変更されたギャラリーを識別します。 GalleryChangeType 変更イベントのタイプ。 "contents_changed" ギャラリーのコンテンツが変更されました。 "watch_dropped"

デフォルトでは、ChromeDriver は警告/エラーのみを stderr に記録します。デバッグ時 詳細ログを有効にすると便利です。 詳細ログを有効にするには、 --verbose を chromedriver サーバーに渡します。 代わりに --log-path を渡して、ログがファイルに書き込まれるようにすることもできます。 あります。chromedriver サーバーを直接起動しない場合は、 WebDriver クライアント

このページでは、ChromeDriver を使用してウェブサイトをテストする方法について説明します。 パソコン（Windows、Mac、Linux）でご利用いただけます。また、 Android スタートガイド または ChromeOS の概要 ChromeDriver は、Selenium WebDriver が Chrome を制御するために使用する独立した実行可能ファイルです。これは、WebDriver のコントリビューターのサポートのもと、Chromium

Chrome 拡張機能は、パッケージ化されていても解凍してもかまいません。 パッケージ化されていない拡張機能をパッケージ化するには、 chrome://extensions の [Pack] ボタンを使用するか、 Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem"

現在のベータ版の機能について詳しく紹介するこの投稿で、Chrome の次期リリースのプレビューをご確認いただけます。

extensibility API を使用してパフォーマンス データをカスタマイズする

chrome.browsingData API を使用して、ユーザーのローカル プロフィールから閲覧データを削除します。 この API を使用するには、 拡張機能のマニフェスト で "browsingData" 権限を宣言する必要があります。 この API

chrome.system.memory API。 数値 使用可能な容量（バイト単位）。 数値 物理メモリ容量の合計（バイト単位）。 物理メモリ情報を取得します。 関数（省略可） callback パラメータは次のようになります。 MemoryInfo Promise< MemoryInfo > Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。

DNS 解決に chrome.dns API を使用します。 この API を使用するには、 マニフェスト で "dns" 権限を宣言する必要があります。 次のコードは、 resolve() を呼び出して example.com の IP アドレスを取得します。 service-worker.js: 文字列（省略可） IP アドレスのリテラルを表す文字列。resultCode が成功を示す場合にのみ提供されます。 数値 結果コード。0 は成功を示します。 指定されたホスト名または IP アドレス

Chrome 拡張機能で利用できるすべての API の完全なリファレンス。これには、サポートが終了した Chrome アプリ プラットフォーム用の API や、ベータ版および開発中の API が含まれます。

Chrome DevTools を使用して、ウェブ アプリケーションのデバッグと最適化を行います。

サブグループのテスト、線とポイントの深度バイアスの設定のサポート終了、未キャプチャ エラーの DevTools の警告の非表示（PreventDefault の場合）、WGSL が最初にサンプリングを補間する、その他。

Chrome 128 がリリースされました。改行のある Ruby 要素の表示が改善され、Promise.try で Promise チェーンの開始が簡単になり、PointerEvent インターフェースが拡張されて複数のペンを一意に識別できるようになりました。その他、他にも多くの要素があります。Chrome 128 のデベロッパー向け新機能について、Adriana Jara が詳しく解説します。

Ahmed Elwasefi が Google Summer of Code を通じて Chromium コントリビューターになった経緯を語った投稿。

2024 年 8 月 20 日より、Chrome 128 のロールアウトが開始されます。CSS の ruby-align プロパティや Promise.try など、多数の機能が追加されています。

ウェブおよび特定のプラットフォーム向けに WebGPU を使用してアプリを構築する方法を学びます。

Chrome チームは、ファイル システムへの変更をデベロッパーに通知する新しい File System Observer API をテストしています。

メディアパネルを使用して、ブラウザタブごとに情報を表示し、メディア プレーヤーをデバッグします。

chrome.alarms API を使用して、コードを定期的に、または将来の指定した時刻に実行するようにスケジュールします。 chrome.alarms API を使用するには、 マニフェスト で "alarms" 権限を宣言します。 以下の例は、アラームの使用方法と応答方法を示しています。この API を試すには、 chrome-extension-samples から Alarm API の例 をインストールする できます。 次の例では、拡張機能のインストール時に Service

chrome.contextMenus API を使用して、Google Chrome のコンテキスト メニューに項目を追加します。画像、ハイパーリンク、ページなど、コンテキスト メニューの追加を適用するオブジェクトの種類を選択できます。 コンテキスト メニューの項目は、file:// を含むドキュメント（またはドキュメント内のフレーム）に表示できます。 または chrome:// の URL を入力します。どのドキュメントにアイテムを表示するかを制御するには、 create() または

chrome.audio API は、ユーザーがシステムに接続されているオーディオ機器に関する情報を取得してコントロールできるようにするために提供されます。この API は現在、ChromeOS のキオスクモードでのみ使用できます。 文字列 デバイス名。 DeviceType 端末のタイプ。 文字列 わかりやすい名前（「USB マイク」など）。 文字列 オーディオ機器の一意の識別子。 ブール値 現在アクティブなデバイスの場合は true。 数値 デバイスの音量、出力の音量、入力のゲイン。

Command API を使用すると、拡張機能での操作（ブラウザの操作を開く操作や拡張機能にコマンドを送信する操作など）をトリガーするキーボード ショートカットを追加できます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 拡張機能のデベロッパーは Commands API を使用して特定のコマンドを定義し、それらをデフォルトにバインドできる できます。拡張機能が受け入れる各コマンドは、 拡張機能のマニフェスト 内の "commands" オブジェクト。

chrome.declarativeContent API を使用すると、ページのコンテンツの読み取り権限がなくても、ページのコンテンツに応じてアクションを実行できます。 Declarative Content API を使用すると、アプリケーションの URL に応じて拡張機能のアクションを有効にできます。 また、CSS セレクタがページの要素と一致する場合に、 ホスト権限 を追加するか、 コンテンツ スクリプト を挿入します。 activeTab 権限を使用して、ユーザーが できます。

chrome.debugger API は、Chrome の リモート デバッグ プロトコル の代替トランスポートとして機能します。 chrome.debugger を使用して 1 つ以上のタブにアタッチし、ネットワーク インタラクションの測定、JavaScript のデバッグ、DOM と CSS の変更などを行います。 Debuggee プロパティの tabId を使用して、 sendCommand でタブをターゲットにし、 onEvent コールバックからの tabId

chrome.browsingData API を使用して、ユーザーのローカル プロフィールから閲覧データを削除します。 「browsingData」を 拡張機能のマニフェスト で、この API を使用するための権限を設定する必要があります。 この API

File System Access API を使用すると、開発者は IDE、写真と動画のエディタ、テキスト エディタなど、ユーザーのローカル デバイス上のファイルを操作する高度なウェブアプリを作成できます。ユーザーがウェブアプリにアクセス権を付与すると、ユーザーはデバイス上のファイルやフォルダの変更を直接読み取り、保存できます。

EPP の参加者は、Chrome で Gemini Nano の Summarization API を使用してプロトタイプを作成できるようになりました。

新しい JavaScript イベントを 2 つ導入しました。scrollSnapChange と ScrollSnap 試験

Chrome チームは、シングルページ アプリケーションで使用されるいわゆるソフト ナビゲーションの測定精度の向上に取り組んでいます。また、新しい API をフラグの背後で使用し、サイトでもテストできるようにしています。

DevTools でスクリーンショットをキャプチャする 4 つのユニークな方法を紹介します。

Puppeteer 23 では、Firefox 129 以降の安定版サポートが導入され、WebDriver BiDi をベースとした Chrome と Firefox の自動化のための統合 API が提供されます。

コンソールの分析情報をヨーロッパで公開したり、[パフォーマンス] パネルでトラックをカスタマイズするための強化されたネットワーク トラックと API を利用したりできます。

Chrome デベロッパー リレーションズ チームからの最新ニュース

組み込みの AI、Prompt API、Chrome の AI プランに関する最新情報

Android 版 Chrome に認証情報マネージャーが統合され、Android 14 以降でサードパーティのパスワード マネージャーがパスキーを提供できるようになりました

CSS の Shadow DOM で使用されている、作成者が定義した名前の現在の相互運用性の状況を説明します。

BrowserStack が WebDriver BiDi のサポートを導入: イベント ドリブンの自動化で Selenium Grid テストを強化します。

DevTools チームが [Styles] タブでのスタイルの表示を改善した方法をご覧ください。

重要なサブリソースに関するヒントをサーバーからブラウザに送信する方法をご確認ください。

CrUX API に対するリクエストを作成し、レスポンスを解析する方法について説明します。

CrUX History API を使用して、過去 6 か月間の過去の CrUX の傾向をクエリする方法を学びます。

改行可能な ruby 要素と CSS ruby-align プロパティ

ネットワークの負荷とリソースを分析する

Chrome 拡張機能のサンプルは GitHub で入手できます。

TODO

この拡張機能のバージョンを識別する、1 ～ 4 個のドット区切りの整数。整数には 2 つのルールが適用されます。0 ～ 65535 の範囲（両端を含む）であることと、ゼロ以外の整数を 0 で始めることはできません。たとえば、99999 と 032 はどちらも無効です。 有効なバージョンの例を次に示します。

この拡張機能のデフォルトの文字列を含む _locales のサブディレクトリを指定します。このフィールドは、 _locales ディレクトリがある拡張機能では必須 です。 _locales ディレクトリがない拡張機能では、このフィールドは 指定されていない必要があります 。詳しくは、 多言語対応 をご覧ください。

アプリや拡張機能をオフラインで動作させるかどうかを指定します。Chrome でオフラインが検出されると、このフィールドが true に設定されているアプリが新しいタブページでハイライト表示されます。 Chrome 35 以降では、アプリはオフラインが有効になっているとみなされ、 "webview" 権限がリクエストされない限り、 "offline_enabled" のデフォルト値は true です。この場合、ネットワーク接続が必須であると想定され、 "offline_enabled"

拡張機能、アプリ、テーマに必要な Chrome のバージョン（該当する場合）。この文字列の形式は version フィールドと同じです。

RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > レスポンス ReadableStream BodyInit 複数のソース Promise を取り、それぞれを Response、ReadableStream、または BodyInit に解決できます。 順番に返された個々のストリームのデータを含む ReadableStream を公開するオブジェクトと、ストリームの終了を通知する Promise

拡張機能を説明する書式なしテキスト文字列（HTML などの形式ではない、132 文字以下）。説明は、ブラウザの拡張機能管理 UI と Chrome ウェブストア の両方に適した内容にする必要があります。このフィールドにはロケール固有の文字列を指定できます。詳細については、 多言語対応 をご覧ください。

この値は、開発中に読み込まれる拡張機能、アプリ、テーマの一意の ID を制御するために使用できます。 適切な Key-Value を取得するには、まず.crx ファイルから拡張機能をインストールします（ 拡張機能をアップロード するか、 手動でパッケージ化 する必要がある場合があります）。次に、 ユーザーデータ ディレクトリ で、 Default/Extensions/_<extensionId>_/_<versionString>_/manifest.json

name および short_name マニフェスト プロパティは、アプリを識別する短い書式なしテキスト文字列です。両方のフィールドにロケール固有の文字列を指定できます。詳しくは、 多言語対応 をご覧ください。 name （最大 45 文字）はアプリのプライマリ ID であり、必須フィールドです。 次の場所に表示されます。 short_name （最大 12 文字を推奨）は、アプリ名の短縮版です。これはオプションのフィールドであり、指定されていない場合は name

Chrome アプリはウェブ プラットフォームを使用していますが、ウェブ機能の一部が無効になっているか、別の方法で使用されている。これは主に、セキュリティの問題の回避とプログラミングの改善を目的としています。ウェブ プラットフォームで無効になる機能と考えられる回避策の概要を以下に示します。

現在のベータ版の機能について詳しく紹介するこの投稿で、Chrome の次期リリースのプレビューをご確認いただけます。

Chrome 127 がリリースされました。font-size-adjust のサポートにより、Document Picture-in-Picture API、キーボードのフォーカス可能なスクロール コンテナなど、多くのユーザー アクティベーションが伝播されます。Chrome 127 のデベロッパー向け新機能について、Adriana Jara が詳しく解説します。

Chrome の内部ユーザー調査によると、多くのユーザーはウェブアプリのインストールを重視しています。次のようなメリットがあります。 Chrome とウェブ デベロッパーが支援する方法は複数あります。たとえば、新しい ML プロモーション機能などです。この記事では、ユーザーがアプリをインストールする方法の概要について説明します。 Chrome の インストール可能条件 を満たすアプリには、Chrome デスクトップ ブラウザのアドレスバーにインストール

Android での OpenGL ES の試験運用版のサポート、GPUAdapter 情報属性、WebAssembly の相互運用の改善など。

2024 年 7 月 23 日より、Chrome 127 のロールアウトが開始されます。CSS の font-size-adjust や、キーボードのフォーカス可能なスクロール コンテナなど、多数の機能が盛り込まれています。

読み上げフローがお客様のニーズに合ったものになるよう、ぜひご協力ください。

Chrome DevTools の [Network] パネルの機能に関する包括的なリファレンスです。

[設定] タブのリファレンス。

ユーザーフローを分析、記録する。

View Transition API を検討する人が増えている今、いくつかの誤解を解くときが来ています。

このお知らせでは、デベロッパー プログラム ポリシーのページを更新し、高品質のプロダクトの開発を促し、虚偽の振る舞いを防止し、ユーザーが十分な情報に基づき同意を得ることを目的にしています。

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

Elements での CSS アンカー配置、Sources の「Never Pause Here」の拡張、新しいスクロール スナップ イベント リスナー、更新されたネットワーク スロットリング プリセットなど。

ウェブアプリの要素を検査する

Chrome DevTools でパフォーマンスを記録、分析するためのあらゆる方法に関するリファレンスです。

YouTube は、クロスサイト スクリプティング攻撃を防ぐために Trusted Types を使用してプラットフォームのセキュリティを強化していますが、拡張機能に影響する可能性があります。

Long Animation Frame API（LoAF）は Chrome 123 からリリースされました。また、この新しい API を最大限に活用できるように、ツールとガイダンスも更新しました。

DOM サイズが大きいとウェブページのパフォーマンスが低下する仕組みと、読み込み時に DOM のサイズを小さくする方法をご確認ください。

Chrome チームでは、ユーザーがアクセスする可能性の高い今後のページを完全に事前レンダリングする機能の開発に取り組んできました。

Chrome ウェブストアのレビューを担当するチームと話し合いました。

Chrome チームは、IndexedDB（IDB）の実装に関して、パフォーマンス関連のいくつかの改善を行いました。

AI を活用したアプリケーションの今後のリリースを迅速化するには、モデルデータをデバイス上に明示的にキャッシュに保存します。

maxTextureArrayLayers の上限の引き上げ、Vulkan バックエンドのバッファ アップロードの最適化、シェーダーのコンパイル時間の改善、送信されるコマンド バッファの一意性の確保、Dawn の更新。

Chrome チームは、ユーザーに強力な機能へのアクセスをリクエストする、新しい宣言型の HTML <権限>要素をテストしています。

ベータ版をダウンロードすると、Chrome の最新機能をお試しいただけます。

Google I/O 2024 での CSS とウェブ UI に関するすべてのお知らせをお読みください。

Chrome 126 は 2024 年 6 月 11 日にリリースが開始されます。ドキュメント間のビュー遷移、CloseWatcher API の再有効化、Gamepad API のトリガー ランブルなど、多くの機能が追加されています。

Chrome 126 がリリースされました。ViewTransitions API でのドキュメント間の遷移のサポートにより、CloseWatcher API が再度有効化され、Gamepad API に対してトリガー ランブルが行われるなど、多くの機能が追加されています。Adriana Jara が、Chrome 126 のデベロッパー向けの新機能について詳しく説明しています。

アンロード イベントは、Chrome 117 以降、段階的にサポート終了となります。この変更の意味と、サイトや企業がこれに備える方法についてご確認ください

CDP のリクエストとレスポンスをモニタリングする。

パフォーマンス パネルを整理し、必要な情報に焦点を合わせるのに役立つ最新機能について学びましょう

CrUX 指標に関する技術ドキュメント。

スタイル再計算イベント中の CSS セレクタのパフォーマンスを分析します。

このたび、Declarative Net Request API を使用して、Manifest V3 拡張機能に対する対象となる変更の審査プロセスをスキップできる新機能をリリースいたしました。

Lighthouse の監査結果については、「幅または初期スケールのタグがない」をご覧ください。

[ネットワークの状態] パネルで他のブラウザをエミュレートする方法をご確認ください。

トラック構成モードの改善、フレームチャートの無視リスト、[パフォーマンス] パネルでの CPU の 20 倍のスロットリングなど。

Chrome DevTools を使用して JavaScript のバグを見つけて修正する方法をご確認ください。

開催後は Google I/O を開催し、拡張機能に関する最新情報をすべてご紹介しました。

今後のページ ナビゲーションのプリフェッチと事前レンダリングに使用される推測ルールをデバッグするための Chrome DevTools の機能について、すべて学習します。

ソースファイルを表示し、他のツールにアクセスする。

ウェブサイトのランタイム パフォーマンスをリアルタイムで分析します。

オンデバイス AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供するための最新のサービスです。

MPA のドキュメント間のビュー遷移、アクティブ タイプによる選択的なビュー遷移、ビュー遷移クラスを使用したアニメーション スタイルの共有を発表しました。

パート 2/2.WebAssembly と WebGPU の拡張機能により、ウェブ上での機械学習のパフォーマンスがどのように向上するかについて説明します。

I/O 2024 でウェブ AI のまとめをご覧ください。ウェブアプリの新たなモデル、ツール、API をご紹介します。

次の Codelab では、クライアントサイド AI について説明します。AI 開発の知識、サーバー、API キーは必要ありません。

Chrome 126 ベータ版には、ドキュメント間のビュー遷移や、Gamepad API トリガーランブル拡張機能などの機能が含まれています。

パート 1/2。WebAssembly と WebGPU の強化により、ウェブ上での ML のパフォーマンスがどのように向上するかについて学びます。

このドキュメントでは、JavaScript フレームワーク エコシステムの最近の動向を簡単にご紹介します。

Chrome 126 以降では、Windows UI オートメーション フレームワークがサポートされています。

Async Clipboard API で SVG 画像を処理できるようになりました。

DevTools を使用してネットワーク レスポンスをオーバーライドしてモックする方法について説明します。

Google I/O デベロッパー基調講演とセッションから、優れた機能をご紹介します。

Chrome 125 は 2024 年 5 月 14 日にリリースが開始され、CSS Anchor Positioning、Compute Pressure API、新しい Baseline 機能など、多数の新機能が追加されます。

クライアントサイド AI は、センシティブ データを保護し、レイテンシを改善しながら、強力なモデルをユーザーに提供する最新のサービスです。

Chrome 125 がリリースされました。CSS Anchor Positioning API、Compute Pressure API、Storage Access API への拡張など、多数の機能が用意されています。Adriana Jara が、Chrome 125 のデベロッパー向けの新機能について詳しく説明しています。

ローカル オーバーライドを使用してリモート リソースをモックし、ページ読み込み後も DevTools で行った変更を保持します。

Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。

新しい Anchor Positioning API を使用して、要素を互いに相対的に配置します。

Gemini を使用すると、コンソール内のエラーと警告についての理解を深めることができます。

エンタープライズ環境でのテストで課題を克服する方法について学ぶ

Puppeteer、Chrome ヘッドレス、Chrome for Testing の概要と、Chrome ツールチームが提供したその他のリソースです。

コンソールのエラーの原因、パフォーマンスの CSS セレクタの統計情報、ネットワークの Early Hints ヘッダーなど。

開発中のサブグループは、3D テクスチャのスライスにレンダリングされます。

Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。

Policybazaar と Tokopedia が :has() を使用することでどのようなメリットが得られるかをご覧ください。

最新の CSS や UI 機能（ビュー遷移、スクロールドリブン アニメーション、Popover API など）を実装することで、e コマースサイトがどのように役立つかを学びます。

redBus と Tokopedia のコンテナクエリのメリットについて説明します。

redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。

スクロールドリブン アニメーションのすべてを学ぶ、全 10 部の動画コースです

WebGPU により、ウェブ上で高性能 3D グラフィックスとデータ並列計算を実行できます。

メーソンリーとグリッドを異なる仕様で定義するための提案。

manifest.json の minimum_chrome_version プロパティに関するリファレンス ドキュメント。

Tokopedia は、Popover API を使用してアプリケーションのコード量を削減しています。

HTTPS に変換できないウェブサイトからプライベート ネットワーク デバイスにアクセスするには、権限プロンプトを使用して混合コンテンツのチェックを緩和する必要があります。

Captured Surface Control API を使用すると、ウェブアプリでキャプチャされたタブをスクロールしたりズームしたりできます。

manifest.json の trial_tokens プロパティのリファレンス ドキュメント。

WebAudio パネルで WebAudio API の指標を表示する

CSS Anchor Positioning、CSS のステップ関数、Compute Pressure API など。

プログレッシブ ウェブアプリ用のカスタム スプラッシュ画面を作成する方法について説明します。

プログレッシブ ウェブアプリで iOS のホーム画面に表示するアイコンを指定する方法について説明します。

プログレッシブ ウェブアプリの機能（オフライン機能、プッシュ通知、インストール可能性など）をサポートする Service Worker の登録方法について説明します。

プログレッシブ ウェブアプリをインストールできるようにする方法をご覧ください。

[Animations] パネルでアニメーションを調査し、変更します。

Chrome 124 は 2024 年 4 月 16 日にリリースが開始されます。setHTMLUnsafe や WebSocket のストリームなど、多くの機能が追加されます。

ウェブページのコンテンツをモバイル画面に合わせてサイズ設定する方法について説明します。

Workbox を使用してウェブページがどのブラウザでも動作するようにする方法を説明します。

プログレッシブ ウェブアプリをオフラインで動作させる方法をご紹介します。

モバイル ネットワーク上でウェブページをすばやく読み込めるようにする方法について説明します。

プログレッシブ ウェブアプリのアドレスバーのテーマの色を設定する方法について説明します。

ネットワーク速度が遅い場合でも、ウェブページ間の遷移をレスポンシブにする方法を説明します。

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

自動入力パネルを使用すると、Chrome に保存されている住所を検査してデバッグできます。

Foldable API は、デベロッパーが折りたたみ式デバイスをターゲットにできるように設計された Chrome の 2 つの API です。

Chrome 124 がリリースされました。JavaScript から宣言型 Shadow DOM を使用できるようにする新しい API が 2 つあります。Web Sockets でストリームを使用できます。ビュー遷移が改良されました他にもたくさんあります。Chrome 124 におけるデベロッパー向けの新機能について、Pete LePage が詳しく説明しています。

JavaScript が利用できない場合に、ユーザーがウェブページの少なくとも一部のコンテンツを表示できるようにする方法をご覧ください。

Chrome では、権限プロンプトによって Web MIDI API 全体を制御できるようになりました。

HTTPS でウェブサイトを保護する方法をご覧ください。

すべてのページを HTTPS にリダイレクトして、サイトのセキュリティを強化する方法をご確認ください。

[スロットル処理] タブのリファレンス。

Lighthouse では「各ページに URL がある」の監査について解説します。

マスク可能なアイコンのサポートを PWA に追加する方法について説明します。

プログレッシブ ウェブアプリの start_url を設定して、アプリがオフラインでアクセスできるようにする方法を説明します。

マルチページ アプリケーション（MPA）で使用するために、ドキュメント間のビュー移行を開始します。

View Transition API を使用すると、ウェブサイトのビュー間の遷移を追加できます。

DevTools でウェブ アプリケーション開発を改善する方法をご確認ください。

読み取り専用と読み取り / 書き込みのストレージ テクスチャ、Service Worker と共有ワーカーのサポート、新しいアダプタ情報属性、バグの修正。

Chrome ユーザー エクスペリエンス レポート（CrUX）の新しい nav_types 指標と、この指標を使用してウェブ パフォーマンス指標を説明および最適化する方法について説明します。

PageSpeed Insights（PSI）は、ページのパフォーマンスとその改善方法を把握するためのウェブ デベロッパー向けツールです。このガイドでは、PSI を使用して CrUX から分析情報を抽出し、ユーザー エクスペリエンスについての理解を深める方法について説明します。

わかりやすいガイドで CrUX の使い方を学ぶ

今週、デベロッパーが Chrome ウェブストアで公開済みの以前のバージョンに拡張機能をロールバックできる新機能をリリースします。Google の目標は、特に Manifest V3 への移行に伴い、デベロッパーがアップデートを公開する際に安心していただけるようにすることです。 本日より、バグ修正を含む拡張機能の新しいバージョンを送信して審査に合格するまで待つ必要がなくなります。代わりに、[ その他 ] メニューまたはアイテムのパッケージ ページからロールバックを開始できます。

BigQuery の CrUX データセットの構造について学習する。

font-display API を使用して、ウェブページのテキストが常にユーザーに表示されるようにする方法を学習します。

CPU パフォーマンスをプロファイリングする今後のプロセスと、JavaScript Profiler を非推奨とする理由とその方法について説明します。

スクロールドリブン アニメーションのサポート、新しい自動入力パネル、ネットワーク スロットリングにおける WebRTC の新しいオプションなど。

ドキュメント内のフレームがナビゲーション時にバックフォワード キャッシュの使用をブロックされたかどうかについて、情報をレポートします。

[パフォーマンス] パネルで Node.js アプリケーションのパフォーマンスをプロファイリングする方法について説明します。

JavaScript Promise Integration（JSPI）は、WebAssembly にコンパイルされた同期シーケンシャル コードが非同期 Web API にアクセスできるようにする API です。

fetchLater API（現在はオリジン トライアルで）について説明します。この API は、ページが閉じられていても完了する遅延フェッチをリクエストする新しい API です。

不足しているリソースをサイトでどのように処理するかをテストします。

tabindex 値が設定されていないスクローラーと、フォーカス可能な子のないスクローラーを、キーボードでフォーカス可能にするための変更がロールアウトされます。

書き込み候補の HTML 属性、WebSocketStream API、優先 HTTP リクエスト ヘッダーなど。

Chrome 123 がリリースされました。新しい Light-dark 関数、Long Animation Frames API、Service Worker Static Routing API など、多くの機能があります。Adriana Jara が、Chrome 123 のデベロッパー向けの新機能について詳しく説明しています。

ウェブ ワーカー、ナビゲーション フェッチ、今後の保護のためのプライベート ネットワーク アクセスの主なセキュリティ メカニズムについて説明します。このドキュメントでは、ウェブサイトの所有者がプライベート ネットワークを利用する場合に行うべきことについても説明します。

Chrome 123 から提供されるこの新しい API の使用方法をご確認ください。

Chrome DevTools の [Network] パネルの最新の改善点をご確認ください。このパネルはウェブ デバッグをシンプルにするために設計されています。

DevTools の [パフォーマンス] パネルを改善するための Chrome チームの計画についてご確認ください。

DOM に即座に変更を加える。

広告フレームのハイライト表示、ページ上でのフォーカスのエミュレーション、ローカルのフォントと画像形式の無効化、自動ダークテーマの有効化、視覚障がい者のエミュレーションを行うことができます。

Chrome DevTools で CSS を表示、変更するための新しいワークフローをご覧ください。

Chrome DevTools でコードを一時停止する方法をすべてご紹介します。

Chrome DevTools を使用してページの CSS を表示、変更する方法について説明します。

DP4a 組み込み関数のサポート、制限のないポインタ パラメータ、WGSL で複合を逆参照するための構文シュガーなど。

ウェブでの圧縮は、共有辞書圧縮によって大幅に強化されています。圧縮がどのようなもので、どのように機能するのか、ウェブ上の静的リソースと動的リソースの両方について、標準の圧縮よりもさらに読み込み時間を大幅に短縮できる方法をご確認ください。

ユーザー向けのすべての Chrome リリースで、古いヘッドレス Chrome をスタンドアロン バイナリとしてダウンロードできるようになりました。

ウェブアプリに関する重要な情報をブラウザから直接取得できます。

chrome.i18n API を使用して、複数の言語でインターフェースをレンダリングします。

ドキュメント ルール、積極性の設定、制限、プラットフォームでの投機ルールのサポートなど、Speculation Rules API の最新アップデートの詳細を示します。

多くのユーザーにとって、ユーザー補助は文字どおりユーザー インターフェースであり、その機能は他の多くのユーザーにとって有用です。

Chrome DevTools の最新機能のご紹介

この投稿では、Eyeo のチームが、拡張機能 Service Worker のテストに関する問題への道のりを紹介します。特に、Service Worker が停止したときに Chrome 拡張機能が正しく動作するかどうかを確認する方法について説明します。

イースター エッグ、[要素] > [スタイル] のフォーカスされたページ エミュレーション、新しい Lighthouse 監査など。

@next/third-parties ライブラリを使用して一般的なサードパーティ リソースの読み込みを最適化する方法を確認する

CSS の light-dark() カラー関数、ブロックの align-content、フィールド サイズ設定のプロパティ、pagereveal イベント。

Chrome 123 以降では、フレックス コンテナやグリッド コンテナを作成せずに、Align-content を使用してアイテムを配置できます。

Chrome 122 がリリースされました。新しい Storage Buckets API では、DevTools の [パフォーマンス] パネルが更新され、Async Clipboard API で HTML を読み取るためのサニタイズされていないオプションなど、さまざまな機能が追加されました。Adriana Jara が、Chrome 122 のデベロッパー向けの新機能について詳しく説明しています。

Chrome DevTools のキーボード ショートカットに関する正規のドキュメントです。

Chrome のデバイスモードで仮想デバイスを使用して、モバイルファースト ウェブサイトを構築します。

Chrome 122 以降、「::backdrop」要素は元の要素からプロパティを継承します。

ツールバーで拡張機能を表すには、アイコンが 1 つ以上必要です。

DevTools の [パフォーマンス] パネルは、ウェブアプリのパフォーマンスの問題を診断、デバッグ、修正するための強力なツールです。今回は、DevTools の [パフォーマンス] パネルを使用してパフォーマンス パネル自体のパフォーマンスをどのように改善したか、またどのように大幅な改善を達成したかをご紹介します。

TBD

ヒューマン インターフェース デバイス（HID）対応デバイスをウェブに公開する WebHID API を拡張機能でご利用いただけます。

標準以外の USB（Universal Serial Bus）対応デバイスをウェブに公開するための WebUSB API を拡張機能で利用できます。

Manifest V2 拡張機能を Manifest V3 拡張機能に変換するためのガイド。

manifest.json のコンテンツ セキュリティ ポリシー プロパティのリファレンス ドキュメント。

開発中の互換モード、maxVertexAttributes の上限の引き上げ、Dawn の更新。

ヒープ プロファイラを使用してヒープ スナップショットを記録し、メモリリークを見つける方法について説明します。

1 行のコード。編集可能なコンテンツを含む要素の自動サイズ調整。

chrome.runtime API を使用して、サービス ワーカーを取得し、マニフェストの詳細を返します。また、拡張機能のライフサイクルでイベントをリッスンして応答します。この API を使用して、URL の相対パスを完全修飾 URL に変換することもできます。 この API のほとんどのメンバーには権限は必要 ありません 。この権限は、 connectNative() 、 sendNativeMessage() 、 onNativeConnect に必要です。 次の例は、マニフェストで

Chrome 拡張機能の権限の警告の仕組み

manifest.json 内の権限プロパティの有効な値の概要。

Chrome 拡張機能でウェブプッシュを使用する手順ガイド

EditContext は Chrome と Edge でリリースされる新しい API で、デベロッパーはこれを使用してブラウザで高度なテキスト編集機能を構築できます。詳しくは、こちらの投稿をご覧ください。

[Network] パネルと [Application] パネルにサードパーティ Cookie の段階的廃止に関する警告を表示、[Network] パネルの拡張デバッグ、[Performance] パネルのパンくずリストなど。

投機的読み込みでウェブ ブラウジングを高速化し、デバッグ方法を学びましょう。

Chrome デスクトップでのクロスオリジン分離を行わない SharedArrayBuffer の非推奨トライアルを Chrome 124 まで延長します。

拡張機能のカスタムキーの組み合わせに応答します。

Chrome 122 ベータ版では、イテレータ ヘルパー、メソッドの設定、Storage Buckets API、Async Clipboard API でのサニタイズされていない HTML の読み取りなどを利用できます。

拡張機能をインストールしてレコーダーをカスタマイズ、統合します。

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

Chrome 121 がリリースされました。CSS の更新、Speculation Rules API の改善、Element Capture API のオリジン トライアルなど、多くの改善が行われました。Adriana Jara が、Chrome 121 におけるデベロッパー向けの新機能について詳しく説明しています。

アドレスバーから操作をトリガーする。

Android での WebGPU のサポート、シェーダー コンパイルでの DXC の使用、コンピューティングパスとレンダリングパスでのタイムスタンプ クエリ、シェーダー モジュールへのデフォルトのエントリ ポイント、GPUExternalTexture 色空間としての display-p3、メモリヒープ情報など。

スクロールバーのスタイルを設定するには、`scrollbar-width` プロパティと `scrollbar-color` プロパティを使用します。

Angular で SSR とともに DOM を安全に使用する方法を学習します

Chrome でウェブ Bluetooth API を使用する機能をテストするには、Puppeteer を使用します。

ブラウザのテストを一貫して自動化し、アプリケーションのパフォーマンスを向上させるための Google のソリューションをご覧ください。

スケーラブルかつ自動化可能で、標準化されたハードウェア構成内で、クライアントサイドのブラウザベースの AI モデルをテストする方法を説明します。

chrome.gcm で Firebase Messaging を使用する手順ガイド

Chrome に新しい国際 CSS 機能が加わりました。

ツールバーをクリックするユーザーに応答する。

この投稿では、File System Access API の永続的な権限を管理する方法について説明します。また、問題の現在の状態と解決中の課題の簡単な要約も提供します。

[要素] > [スタイル] のカラー選択ツールを使用して、HD 色と HD 以外の色を調査、デバッグする方法について説明します。

数回クリックするだけで色を作成する方法を学習します。

取得優先度をデバッグする方法の詳細。

Chrome 122 以降では、scope_extensions アプリ マニフェスト メンバーのオリジン トライアルに登録できます。これにより、複数のサブドメインとトップレベル ドメインを管理するサイトを 1 つのウェブアプリとして表示できます。

バランスの取れたテキスト ブロックの改行を手動で作成する、古典的なタイポグラフィ手法が CSS に導入されました。

Puppeteer が Firefox と通信するようになりました。🎉? まだですね。🤔? Puppeteer の新しいプロトコルである WebDriver BiDi で、このエキサイティングな開発が Firefox の自動化ワークフローに何を意味するのかを見てみましょう。

ユーザーが拡張機能を呼び出すためのウィンドウであるポップアップを実装します。

Service Worker を使用すると、必要なときにだけ拡張機能を実行できるため、リソースを節約できます。

Android インテントを使用して、ウェブページから直接アプリを起動できます。

ユーザーが拡張機能を呼び出すためのウィンドウであるポップアップを実装します。

Android 版 Chrome のデベロッパー向け機能の一覧については、 chromestatus.com をご覧ください。 Google Play ストアで Chrome をダウンロードしてください。 あるデバイスで Chrome にログインすると、別のデバイスで Chrome にログインすると、そのセッションのタブと閲覧履歴が表示されます。URL だけでなく Chrome インスタンス間でページ

この投稿では、新しい INP 指標とフレームワークベースのウェブサイトとの関連性について説明します。Aurora は、この指標を最適化するためにフレームワークをサポートしています。

同じ `name` を持つ複数の `` 要素で排他的なアコーディオンを作成します。

Chrome は Android タブレットのエコシステムに適応するため、プレミアム タブレットでデスクトップ モードをデフォルトで有効にしています。

WGSL での 16 ビット浮動小数点値のサポート、上限の引き上げ、深度ステンシルの状態変更、アダプター情報の更新など。

WebGPU の最新の変更点をご確認ください。

ウェブ プラットフォームに搭載された Region Capture を使用すると、高パフォーマンスかつ安定した動画トラックの切り抜きが可能です。

要素での @font-palette-values のサポート、ソースマップのサポートの改善、[パフォーマンス] > [インタラクション] トラックの強化など。

2023 年は CSS にとって大きな年でした。Chrome およびウェブ プラットフォームについて今年リリースされた内容をご確認ください。

フレームの詳細を表示します。

Chrome では今後数か月以内に、デベロッパーとユーザーのエクスペリエンスを向上させるために、アプリのインストール条件を簡素化することを目的としたテストを実施する予定です。この投稿では、想定される変化と、このテストを実施する理由について説明します。

DevTools を使用して DOM をデバッグする方法を学びます。

bfcache をデバッグしてページをすばやく読み込む方法について説明します。

Chrome 120 がリリースされました。今回、CloseWatcher API により、クローズ リクエストを処理する際に一貫したエクスペリエンスを実現する、details 要素を使用したアコーディオン パターンの簡単な実装、権限ポリシー違反レポートなど、多くの機能が利用可能になっています。

Chrome DevTools の経験が浅いユーザーによるコードの貼り付けをブロックすることで、自己 XSS 攻撃を軽減する仕組みをご確認ください。

Chrome DevTools を使用してページの HTTP Cookie を表示、追加、編集、削除する方法を説明します。

Google Chrome では、プライベート ネットワーク アクセス（PNA）の仕様の一環として、安全性の低い公開ウェブサイトからプライベート ネットワーク エンドポイントにアクセスすることを非推奨としています。

開発マシンのウェブサーバーでサイトをホストし、Android デバイスからコンテンツにアクセスする。

Chrome に、国際化した 4 つの新しい CSS 機能が追加されます。

Page Lifecycle API は、モバイル オペレーティング システムで一般的なアプリ ライフサイクルの機能をウェブにもたらします。ブラウザは、リソースを節約するためにバックグラウンドのページを安全に凍結または破棄できるようになり、デベロッパーはユーザー エクスペリエンスに影響を与えることなく、このような介入を安全に処理できるようになりました。

[リスト] タブの参照を無視します。

Chrome 120 以降では、Async Clipboard API で新しいサニタイズされていないオプションを使用できます。このガイドでは、その使用方法について説明します。

Chrome では、ビデオ会議ウェブアプリからピクチャー イン ピクチャーを自動的に開始できます。

昨年 12 月、デベロッパーからのフィードバックに対応し、 移行に関する問題 のより良い解決策を提供するために、Manifest V2 のサポート終了を延期しました。こうしたフィードバックに基づき、Google は Manifest V3 にいくつかの変更を加えて、 こうしたギャップを解消 しました。変更内容は次のとおりです。 差異を解消するだけでなく、今年初めにリリースされた サイドパネル API や、現在ベータ版の Reading List API

Angular アプリの画像のパフォーマンスをさらに向上させる、Angular NgOptimizedImage ディレクティブに含まれる新機能について学びます。

過去 1 年間、Google は MV3 拡張機能プラットフォームの改善方法について、複数のコンテンツ ブロック拡張機能のベンダーと積極的に話し合いを行ってきました。これらの議論（その多くは、他のブラウザと協力して WebExtensions コミュニティ グループ（ WECG ）で行われました）に基づいて、Google は大幅な改善をリリースすることができました。

Service Worker の静的ルーティング（現在オリジン トライアル中）の第 1 フェーズについて学びます。これは、Service Worker によるルートの処理方法を宣言的に指定する新しい API です。

サードパーティ Cookie の段階的廃止に関する問題が [問題] パネルで報告されました。Cookie に関するプライバシー サンドボックス分析ツール、[アプリケーション] パネルの効果的なコンテンツ セキュリティ ポリシー、[アニメーションのデバッグの改善]、[無視リストの強化] などが報告されています。

WebGPU エコシステムが JavaScript、C+、Rust レルムを超えて拡張される仕組みについて学びます。

Chrome 120 で先読みネストが有効になりました。

IndexedDB の耐久性モードが、Chrome 121 で厳格から緩和に変更されます。

Chrome 拡張機能のデベロッパー向けの Chrome 120 の重要な変更の概要。

Chrome 拡張機能の Service Worker、ポップアップ、サイドパネル、コンテンツ スクリプトでファイルを開く方法。

CSS マスキング、CSS ネストのルールの緩和、要素を使用したアコーディオン パターンの作成、Media Session API の enterpictureinpicture アクション

manifest.json の file_handlers プロパティのリファレンス ドキュメント。

プログラミング言語には、ガベージ コレクションを使用するプログラミング言語と、手動のメモリ管理が必要なプログラミング言語の 2 種類があります。WebAssembly ガベージ コレクションを使用すると、ガベージ コレクション言語を WebAssembly に移植できます。

Chrome 119 がリリースされました。すでに保存されている Cookie の有効期限の上限が更新されます。CSS には、新しい疑似クラス、相対色構文、広告サイズマクロのようなフェンス付きフレームの改善など、多くの機能があります。

不透明な UI を好むユーザーに合わせて最適化と調整を行います。

フィルタリング可能な 32 ビット浮動小数点数テクスチャ、unorm10-10-10-2 頂点形式、RGB10a2uint テクスチャ形式など。

テキストの折り返しを最適化して、スピードより美しさを優先。

拡張選択要素の機能を使用して、グループ化を容易にする水平方向の区切りをわかりやすく表示します。

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

2024 年 1 月より、Chromium の問題追跡は Google Issue Tracker によるツールに移行されます。

今後の仕様の更新に追いつくために、現在の Sanitizer API の実装は Chrome 119 で非推奨となっています。

Web Serial API で Bluetooth RFCOMM サービスのサポートが追加されました。

拡張機能の単体テストを作成する方法

拡張機能のエンドツーエンド テストを作成する方法。

Puppeteer を使用して Chrome 拡張機能の自動テストを作成する方法。

拡張機能のバグやドキュメントに関する問題を報告する方法。

別の色のチャネルと値に基づいて新しい色を作成します。

バグや機能リクエストがすでに報告されていないかを確認する。

スタイルの @property セクションの改善、デバイスリストの更新、ソースのプリティプリントの強化、コンソールのオートコンプリート。

Chrome 118 がリリースされました。@scope css ルールを使用して、コンポーネント内の特定のスタイルを宣言します。新しいメディア機能「preferreds-reduced-transparency」を使用します。DevTools では、[ソース] パネルなど多くの機能が改善されています。

ポップアップ ウィンドウを全画面モードで開ける新しいオリジン トライアルを、1 ステップでご利用いただけるようになりました。

FileSystemSyncAccessHandle の複数の読み取り / 書き込みと、FileSystemWritableFileStream の排他的書き込みのサポート。 オリジンのプライベート ファイル システム （バケット ファイル システムとも呼ばれる）を使用すると、デベロッパーは読み取りと書き込みのパフォーマンスを最大限に高めるように最適化されたファイルにアクセスできます。これは FileSystemSyncAccessHandle オブジェクトを介して行われます。現在、同じファイル

Chrome 119 ベータ版では、CSS 相対色構文や新しい疑似クラスなどを利用できるようになります。

@scope を使用して、DOM の限定されたサブツリー内の要素のみを選択する方法について学習します。

DevTools を使用して Chrome 拡張機能をデバッグする方法について説明します。

copyExternalImageToTexture のソース サポートの拡張、読み取り / 書き込みおよび読み取り専用ストレージ テクスチャの試験運用版サポートなど。

macOS 版 Chrome で iCloud キーチェーンのパスキーのサポートを開始しました。これにより、ユーザーは iCloud キーチェーンでパスキーを作成し、Apple デバイス間で同期できます。

CyberAgent、RedBus、Nykaa、PolicyBazaar がビュー遷移を実装した方法と理由について詳しく説明します。

Chrome の 15 周年を記念して、デベロッパーの皆様にとって信頼できる便利なパートナーとなっています。

WebGPU に移行する WebGL デベロッパー向けのヒントをご紹介します。

[要素] > [スタイル] のカスタム プロパティに関する新しいセクション、ローカル オーバーライドの改善、検索機能の強化、[ソース] のワークスペースの効率化など。

CSS のスコープ スタイル、追加のメディア機能、キーボードでフォーカス可能なスクロール コンテナなど。

Chrome 117 がリリースされました。スムーズな開始 / 終了アニメーションの追加を容易にする 3 つの新しい CSS 機能、高階データセットを計算するための配列グループ化、DevTools によってローカル オーバーライドが簡単になるなど、さらに多くの機能が備わっています。

Chrome のパッケージ化アプリまたはホスト型アプリを移行する方法。

頂点バッファの設定を解除してグループをバインドする、紛失したデバイスが機能しているように見えるようにするなど

新しい Manifest V3 拡張機能を公開するためのガイダンス

Google Summer of Code への参加に関する経験とアドバイス。

スニペットを使用して頻繁に使用するコードを実行し、ライブ式を使用して値をリアルタイムで監視します。

Chrome による API の形成時に、Astro コミュニティがビュー遷移をどのように取り入れ、Astro の永続的な島でトップクラスのサポートに到達するまでの道のりを強調します。

Chrome 119 以降では、ブランチのリリースから安定版へのリリースまでの期間を短縮します。

「scheduler.yield」は、現在オリジン トライアルでスケジューラ API に新たに追加として提案されているもので、よりレスポンシブなユーザー エクスペリエンスのためにタスクを分割する新しいアプローチです。このたびの Scheduling API 追加提案によるメリットをご理解いただき、オリジン トライアルに登録してインサイトとフィードバックをお寄せください。

Chrome Devtools Protocol（CDP）のコマンドを簡単に入力できるように、DevTools には新しいユーザー フレンドリーなエディタが導入されているため、JSON を使用する必要はありません。

新しいユーザー補助機能の変更と監査の更新を含む Lighthouse 11 のリリース

XHR/フェッチ リクエストをオーバーライドし、[ネットワーク] パネルで拡張機能リクエストを非表示にする、[パフォーマンス] パネルで取得優先度の変更を確認する、複数の UI を改善する、新しい色や試験運用版機能を確認するなど、さまざまなことができます。

CSS グリッド サブグリッド、CSS の開始と終了のアニメーションのサポート、配列のグループ化、イテレータ ヘルパーなど。

個別のアニメーションのスムーズな移行やトップレイヤ間の移行を可能にする新機能について学習します

Chrome 117 以降では、ユーザーがインストールした拡張機能が Chrome ウェブストアにない場合、自動的にハイライト表示されます。

Chrome 116 がリリースされました。Picture in image API を使ったドキュメントによるユーザーの生産性の向上や、不足しているスタイルシートのデバッグが DevTools で簡単になりました。

manifest.json の "content_scripts" プロパティのリファレンス ドキュメント。

ポップアップの操作中にクロスオリジン分離とクロスサイト リーク保護を行います。

WebCodecs の統合、動画再生の改善など。

「今回は許可」は、Chrome で権限を付与する 1 回限りのオプションです。当面の間、位置情報、カメラ、マイクについてはパソコンでのみご利用いただけます。

ブレークポイントとログポイントを使用して簡単にデバッグできます。

Chrome 115 以降、Trusted Web Activity（TWA）で postMessage を使用してメッセージを送信できるようになりました。このドキュメントでは、アプリとウェブ間の通信に必要な設定について説明します。

Chrome 拡張機能のデベロッパー向けの Chrome 116 における重要な変更の概要。

CSS モーションパス、バックフォワード キャッシュ NotRestoredReason API、ドキュメントのピクチャー イン ピクチャーなど。

iOS 版 Chrome で Safari ウェブ インスペクタのデバッグを使用する方法について説明します。

今年の Chrome 拡張機能の変更点の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

ScrollTimeline と ViewTimeline を使用して、ユーザー エクスペリエンスを高めるスクロールドリブン アニメーションを作成します。フェンス付きフレームは他のプライバシー サンドボックス API と連携して、関連コンテンツを埋め込み、不要なコンテキスト共有を防止します。Topics API を使用すると、ブラウザはプライバシーを保護しながら、ユーザーの興味 / 関心に関する情報をサードパーティと共有できます。

新しい API は、スクロールドリブン アニメーションを実装する従来の方法よりもはるかにスムーズです。

DevTools の [レコーダー] パネルでユーザーフローを記録、再生、デバッグする方法について説明します。

Chrome 拡張機能で WebSocket に接続する詳しい手順。

iOS 版 Chrome で Safari ウェブ インスペクタのデバッグを使用する方法について説明します。

Key-Value ペアをデバッグするには、[Application] > [Local Storage] と [Session Storage] を使用します。

スタイルシートが見つからないという問題を迅速に特定してデバッグできるように、DevTools が大幅に改善されました。 [ ネットワーク ] パネルの [ 開始元 ] 列には、読み込みに失敗したスタイルシートを参照する正確な行へのリンクが常に表示されます。 [ 問題 ] パネルには、URL の不整合、リクエストの失敗、 @import ステートメントの配置ミスなど、スタイルシートの読み込みに関するすべての問題が一覧表示されます。 Chromium の問題: 1440626 、 1442198 、

サポートされている WGSL 言語拡張機能、Direct3D 11 の試験運用版サポートなど。

Chrome 拡張機能の Service Worker、ポップアップ、サイドパネル、コンテンツ スクリプトで位置情報を使用する方法。

Chrome for Testing は、ウェブアプリのテストと自動化のユースケースに特化した新しい Chrome フレーバーです。

Chrome DevTools を使用して C/C++ WebAssembly のバグを見つけて修正する方法を学びます。

Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 （この記事は動画でもご覧いただけます）。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ

Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG

CSS ディスプレイ プロパティの複数のキーワード、WebGPU の WGSLLanguageFeatures、HTTPS アップグレードなど。

ミューテーション イベントのサポート終了と計画的な削除について発表し、2024 年 7 月の削除までにコードを移行する方法を共有します。

データのサポート: SVG 要素の URL は削除されます。代替サービスに移行することをおすすめします。

JavaScript の最適化など。

Chrome 114 がリリースされました。Chrome 114 がリリースされました。text-wrap: Balance によってテキスト レイアウトを改善する機能、Cookies Have Independent Partitioned State が導入されました。新しい Popover API では、ポップオーバーがこれまで以上に簡単になりました。

Chrome 拡張機能用の新しい Side Panel API が導入されました。

[ 要素 ] パネルに、 サブグリッド の新しい subgrid バッジが追加されました。この機能は現在、Chrome Canary で試験運用版です。 サブグリッドであるネストされたグリッドを検査してデバッグするには、バッジをクリックします。サブグリッドは、親からトラックの数とサイズを継承します。ビューポート内の要素の上に列、行、その数を表示するオーバーレイを切り替えます。 [ 要素 ] パネルのすべてのバッジの一覧については、 バッジのリファレンス をご覧ください。 Chromium

File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、以前に Windows と NW.js 向けにビルドした後、2 つを完全に 「ブラウザが新しいオペレーティング

ウェブサイトが document.domain の設定に依存している場合は、対応が必要です。

ウェブ デベロッパーがコンピューティング負荷をモニタリングできる Chrome の新しいオリジン トライアル。

Workspace を使用して、DevTools で行った変更をローカルのソースファイルに保存します。

そこで linear() を導入しました。これは CSS のイージング関数で、ポイント間で線形に補間し、弾力効果やばね効果を再現できます。

manifest.json の background プロパティのリファレンス ドキュメント。

新しいポップオーバー API を使用してツールチップやメニューなどを作成する方法を学びます。

レゴ エデュケーションはウェブの機能を活用し、できるだけ簡単に LEGO モデルとパソコンを接続します。

Chrome Aurora チームの最近の取り組みと 2023 年のロードマップをご覧ください。

EyeDropper API は、ユーザーがブラウザ ウィンドウの外部を含む画面から色をサンプリングできるスポイトツールを作成するメカニズムを提供します。3D モデル エディタ Blockbench がコードベースでこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Blockbench は、ピクセルアート テクスチャを使用したローポリモデル用の無料の最新モデル エディタです。 Minecraft をプレイしたことがあれば、Blockbench

Storage Standard では、永続ストレージと割り当ての見積もりのための API、およびプラットフォームのストレージ アーキテクチャが定義されています。Google では、高いメモリ負荷での永続ストレージ エビクションの予測可能性を高める API をテストしています。Chrome 115 から Chrome 118 まで実施されるオリジン トライアルで Storage Buckets API をお試しください。

File Handling API を使用すると、ウェブアプリは、アプリケーションがサポートできるファイル形式のファイル ハンドラとして自身を登録できます。画像編集アプリケーション Photopea がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Photopea は、 Ivan Kutskir が開発した無料のオンライン画像エディタです。Ivan は 2012 年にアプリの開発を開始し、Photopea に追加した主な機能を共有する ブログ

Web SQL は Chromium 119 で完全に削除されました。

Google I/O 2023 で取り上げられた、見逃せないトップ 20 の CSS と UI 機能。

Chrome DevTools チームは、フォームの問題の検出や自動入力のデバッグに役立つ新機能を追加しています。これらの機能は設計と実装の初期段階にあるため、テストとフィードバックが必要です。

Google I/O 2023 で発表した重要なアップデートと新しいリリースを通じて、デベロッパーが優れたユーザー エクスペリエンスを簡単に提供できるようにする取り組みについてご確認ください。

ウェブを Android に取り込むツールのアップデート。WebView の大画面でのプライバシー保護の強化とサポートの改善、カスタムタブの部分的なカスタムタブ、PWA のインストールの簡易化、統合機能、TWA の Play ストアの請求管理など。

一部のフォームには iframe にフィールドがあるため、ブラウザの自動入力で問題が発生します。共有自動入力を使用すると、クロスオリジンの iframe の信頼性を親フレームで指定して、自動入力のユーザー エクスペリエンスを向上させることができます。

WebGPU が GPU の能力を引き出し、機械学習のパフォーマンスとグラフィック レンダリングを改善する方法を学習します。

この記事では、2023 年の WebDriver BiDi の新機能の概要を説明します。

独自のアジェンダを作成して Google I/O に備えましょう。

DevTools では、デフォルトで [ 設定 ] &gt; [ 試験運用版 ] &gt; [ WebAssembly デバッグ: DWARF サポートを有効にする ] が有効になっています。詳細については、 最新のツールで WebAssembly をデバッグする をご覧ください。 この試験運用版では、実行を一時停止して Wasm アプリの C コードと C++ コードをデバッグできます。デバッグ情報はすべて利用できます。 Wasm デバッグをテストするには、 C/C++ DevTools

スクロール タイムラインとビュー タイムラインを使用して、宣言型の方法でスクロールドリブン アニメーションを作成する方法を学習します。

CSS の見出しのバランス、CHIPS、スクロールエンド イベント、ポップオーバー。

Chrome 113 がリリースされました。WebGPU が登場し、ウェブ上での高性能 3D グラフィックスとデータ並列計算が可能になります。また、devtools はネットワーク レスポンス ヘッダー、プライバシー サンドボックスの一部であるファーストパーティ セットをオーバーライドできるようになりました。これにより、関連サイトの展開が始まっていることを組織が宣言できます。

拡張機能 Service Worker は、拡張機能の中心的なイベント ハンドラです。この点で、ウェブ サービス ワーカーとは異なります。

拡張機能 Service Worker のインストールと更新は、ウェブサービス Worker とは異なります。

ウェブ デベロッパーがカメラの背景のぼかしを制御できる Chrome の新しいオリジン トライアル。

拡張機能 Service Worker は、標準の Service Worker のイベントと拡張機能の名前空間内のイベントの両方に応答します。拡張機能の使用中に 1 つのタイプが別のタイプに続くことが多いため、まとめて示されています。

Chrome 113 では、Chrome Open Media チームによって AV1 ソフトウェア エンコーダが改善されています。

拡張機能 Service Worker は、標準の Service Worker イベントと、拡張機能 API の多くのイベントの両方に応答します。

UI を画面のリフレッシュ レート機能に適合させます。

[デベロッパー向けリソース] パネルを使用して、ソースマップが正常に読み込まれるかどうかを確認し、手動で読み込みます。

WebGPU は、オリジン トライアルで WebCodecs を統合した Chrome に搭載されています。

デプロイしたコードではなく、DevTools のソースマップを使用して元のコードをデバッグします。

カスタムタブでユーザー エンゲージメントを測定する方法

Android アプリからカスタムタブを起動する方法

部分的なカスタムタブを使用して、ユーザーがウェブ コンテンツを閲覧中にアプリを操作できるようにする方法を学習します。

カスタムタブ サービスを利用してユーザー エクスペリエンスを向上させる方法について説明します。

カスタムタブをアプリのデザインに合わせる方法。

カスタムタブにカスタム アクションを追加する方法

モバイル デバイスとアプリストアは、ユーザーがソフトウェアを発見、評価、インストールする方法を変えました。ウェブアプリで、デベロッパーがインストール時にアプリをハイライト表示できるようになりました。

ウェブにおけるテスト自動化の進化の旅

タブ、ウィンドウ、画面から音声や動画を録画する方法。

ビューでレイヤベースのアニメーションを使用すると、パフォーマンスが向上し、 設定がむずかしいこともあります。「 AnimationBuilder レイヤの読みやすさを大幅に向上させ、 作成できます。 次の 2 つの間で連続的なクロスフェードをアニメーション化する必要があるとします。 ビューを示しています。 レイヤ アニメーション API を直接使用してこの処理を行う例を次に示します。 以下は、 AnimationBuilder

ドキュメントのソースから切断された順序でアイテムを配置するレイアウト メソッドの問題に対して、提案するソリューションについてフィードバックを求めました。

ブレークポイントの削除や無効化などの一般的な操作をより簡単に実行できるように、ブレークポイント サイドバーのデザインを変更し、ワンクリックで実行できるようにしました。

[ ネットワーク ] パネルでレスポンス ヘッダーをオーバーライドできるようになりました。これまでは、HTTP レスポンス ヘッダーをテストするにはウェブサーバーにアクセスする必要がありました。 レスポンス ヘッダーのオーバーライドを使用すると、次のようなさまざまなヘッダーの修正をローカルでプロトタイプ化できます（ただしこれらに限定されません）。 ヘッダーをオーバーライドするには、[ ネットワーク ] &gt; [ ヘッダー ] &gt; [ レスポンス ヘッダー ]

Chrome チームは、ウェブ上で高性能 3D グラフィックスとデータ並列計算を行える WebGPU を出荷しています。

新しい CSS メディア機能、linear() イージング関数、WebGPU が追加されました。

Chrome 114 以降、リリースのブランチから Stable へのリリースまでの時間が短縮されます。

Chrome 112 がリリースされました。CSS がネストルールをサポートするようになりました。ダイアログ要素に最初のフォーカスを設定するアルゴリズムが更新され、今後は Service Worker の no-op フェッチ ハンドラがスキップされ、ナビゲーションを高速化できるようになり、その他にも多くの実装が行われます。

拡張機能サービス ワーカーの作成とデバッグ方法を学習する。

デプロイしたコードではなく元のコードをデバッグする際にソースマップがどのように役立つかを説明します。

ignoreList ソースマップ拡張機能を使用して、Chrome DevTools でのデバッグ エクスペリエンスを改善します。

SQLite Wasm はオリジンのプライベート ファイル システムを基盤としており、非推奨の Web SQL データベース テクノロジーに代わる汎用的な方法です。この記事では、Web SQL から SQLite Wasm にデータを移行する方法について説明します。 Web SQL のサポート終了と削除 の投稿で、Web SQL データベース

Google は Fastly と提携して FLEDGE に k-匿名性サーバーを実装することで、Chrome のプライバシー保護対策を改善しています。この実装ではデータが OHTTP リレーを介してリレーされるため、Google のサーバーはエンドユーザーの IP アドレスを受信しません。k-匿名性サーバーは、FLEDGE の完全な実装に向けた段階的な一歩です。

Google では、X-Requested-With ヘッダーが送信されるタイミングを制限することで、ユーザーのプライバシーを保護したいと考えています。

3 つのセクションのうちの 2 番目のセクションでは、拡張機能 Service Worker の一部ではないコードに必要な変更について説明します。

View Transition API を使用すると、シングルページ アプリ内でページ遷移を行うことができます。今後マルチページ アプリが追加される予定です。

CSS のネスト、アニメーション合成、FormData コンストラクタのサブミッター パラメータ。

レコーダー で、拡張機能を使用して DevTools に埋め込むことができるカスタム リプレイ オプションのサポートが導入されました。 サンプルの拡張機能 を試す。新しいカスタム リプレイ オプションを選択して、カスタム リプレイ UI を開きます。 レコーダー をニーズに合わせてカスタマイズし、ツールと統合するには、独自の拡張機能の開発を検討してください。 chrome.devtools.recorder API を参照し、 拡張機能の例 をご確認ください。 Chromium の問題:

manifest.json ファイルの形式は、Manifest V3 と Manifest V2 で若干異なります。

Service Worker を使用すると、必要なときにだけ拡張機能を実行できるため、リソースを節約できます。

3 つのセクションのうち、拡張機能 Service Worker の一部ではないコードに必要な変更について説明します。

CSS プリプロセッサのお気に入りの機能の 1 つであるネスト スタイル ルールが、言語に組み込まれています。

3 つのセクションの後半では、拡張機能 Service Worker の一部ではないコードに必要な変更について説明します。

Chrome 111 がリリースされました。View Transitions API を使用してシングルページ アプリで洗練された遷移を作成し、CSS カラーレベル 4 のサポートによって色を一段と進化させます。新しいカラー機能を最大限に活用するため、スタイルパネルで新しいツールをご確認ください。

Project Fugu API Showcase は、Project Fugu の一部である API を使用するアプリのコレクションです。 Google の社内横断プロジェクトである Capabilities Project（コード名 Project Fugu ）は、ウェブアプリがプラットフォーム固有のアプリができることすべてを可能にすることを目的としています。Google のほか、Microsoft、Intel、Samsung などのプロジェクト

ナッジ理論を使って、ビデオ会議中にユーザーが自発的に自発的に発言するのをやめるようにしました。

ウェブ プラットフォームに新しい API が導入されます。これにより、トリックなしで要素を適応的に配置できるようになります。

Chrome チームが CHIPS の実装において直面した 2 つの課題と、提案の設計を進化させるうえでコミュニティからのフィードバックが果たす重要な役割について説明しています。

Chrome 拡張機能のネイティブ アプリケーションとメッセージを交換できます。

Chrome チームによる、プロフェッショナルで、敬意を持って、インクルーシブなディスカッションを促進する方法。

Next.js、Nuxt.js、その他のライブラリを使用して、CLS を使用せずに代替フォント CSS を生成する方法をご確認ください。

スタイルクエリでは、@container ルールを使って親要素のスタイル値をクエリできます。Chrome 111 では、CSS カスタム プロパティのスタイルクエリが安定版になりました。ご利用方法をご確認ください。

[Styles] ペインと [Computed] ペインを使用して、DevTools での CSS の問題を見つけます。

ドキュメントに記載されていない質問の参照先

HD 色のデバッグ、ブレークポイント UX の強化など

[ショートカット] タブのリファレンス。

[デバイス] タブのリファレンス。

[ワークスペース] タブリファレンス。

[地域] タブのリファレンス。

[テスト] タブのリファレンス。

設定の概要。

新しい `size-adjust` とフォント指標のオーバーライドにより、デベロッパーはウェブフォントにほぼ一致するフォントの代替を作成できます。これにより、レイアウト シフトが軽減されます。

Lighthouse 10 では、新しいスコアリングと監査を実施できます。

CSS の新しい色タイプと色空間、CSS の三角関数、View Transitions API を追加しました。

追加のデバッグツールを有効にするか、Chrome の新機能や試験運用版の機能をお試しください。

フラッシュされた Stadia コントローラは標準のゲームパッドのように動作します。つまり、Gamepad API を使用してアクセスできるボタンはすべてではありません。WebHID を使用すると、見つからなかったボタンにアクセスできるようになります。 Stadia の終了後、コントローラがゴミ埋め立て地に捨てられるのではないかと多くの人が心配していました。幸い、Stadia チームは、 Stadia Bluetooth モード のページにアクセスしてコントローラに書き込むことができるカスタム

Chrome 110 がリリースされました。新しい :Picture-in-picture 疑似クラスでカスタム スタイルをピクチャー イン ピクチャーの要素に追加したり、launch_handler でウェブアプリの起動動作を設定したり、iframe の認証情報のない属性を使用して、クロスオリジンの埋め込みポリシーを設定していないサードパーティのコンテンツを埋め込んだりできます。

CrUX History API の詳細と、この API を使用してユーザー エクスペリエンスの傾向を追跡する方法を学びます。

再読み込み時にパフォーマンス パネルをクリアする、レコーダーでコードを表示してハイライト表示するなど

プライバシーとセキュリティを強化するため、サードパーティの iframe での Web Share API 呼び出しを明示的に許可する必要があります。 この記事では、Web Share API の互換性を破る可能性がある変更について説明します。この変更はすでに Firefox で導入されており、 Chrome バージョン 110 以降 でリリースされる予定です。 Safari にも近日中に 導入される予定です。 Web Share API

Chromium のデベロッパーが n-day の悪用のリスクを低減する方法をご確認ください。

CSS Color 4 は、より多くの色、操作機能、優れたグラデーションなど、広色域のツールと機能をウェブで実現します。

CSS Color 4 は、広色域のツールと機能をウェブに提供します。

CSS Color 4 は、広色域のツールと機能をウェブに提供します。

CSS Color 4 は、広色域のツールと機能をウェブに提供します。