Android デバイスのリモートデバッグ | Chrome DevTools

メインコンテンツにスキップ

ヒントを得るブログドキュメント

Chrome でビルドする
Chrome の仕組み、オリジントライアルに参加して、あらゆる場所で Chrome を使って構築しましょう。
ウェブプラットフォーム
機能
ChromeDriver
Extensions
Chrome Web Store
Chromium
オーロラ
Android でのウェブ
オリジントライアル
リリースノート

仕事効率化
ウェブに最適なツールを使用して、ユーザーに最良のエクスペリエンスを提供します。
DevTools
Lighthouse
Chrome UX レポート
ユーザー補助

既製のライブラリを使用して、すばやく効率的に作業できます。
Workbox
操り人形師

経験
Chrome で美しくパフォーマンスの高いウェブをデザインしましょう。
AI
パフォーマンス
CSS と UI
ID
お支払い
プライバシーとセキュリティ

リソース
Chrome と Google のその他の機能。
すべてのドキュメント
ベースライン
web.dev
PageSpeed Insights の診断
プライバシーサンドボックス

Chrome の新機能

/

English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어

Chrome DevTools

DevTools AI アシスタントパネル

要素
コンソール
ソース
ネットワーク
パフォーマンス
メモリ
アプリケーション
レコーダー
レンダリング

その他のパネル

自動入力
アニメーション
変更
サポート範囲
デベロッパーリソース
CSS の概要
問題
レイヤ
Lighthouse
メディア
Memory Inspector
ネットワーク状態
ネットワークリクエストのブロック
パフォーマンスモニター
プロトコルモニター
クイックソース
セキュリティ
センサー
WebAudio
WebAuthn
新機能

設定ユーザー補助

ヒントを得る
ブログ
ドキュメント
- その他
- DevTools
- AI アシスタント
- パネル
  - その他
- その他のパネル
  - その他
- 設定
- ユーザー補助
Chrome の新機能

使ってみる
概要
Chrome DevTools を開く
DevTools の新機能
DevTools のカスタマイズ
DevTools のヒント
コマンドとショートカット
コマンドメニューでコマンドを実行する
JavaScript を無効にする
キーボードショートカット
Device Mode でモバイルデバイスをシミュレートする
読み込まれたすべてのリソースからテキストを検索する
要素
概要
DOM
CSS
AI アシスタント
概要
クイックスタート
トピック
コンソール
概要
コンソール分析情報でエラーと警告を把握する
ログメッセージ
JavaScript を実行
JavaScript をリアルタイムで表示する
メールの書式とスタイルを設定する
機能リファレンス
API リファレンス
Utilities API リファレンス
ソース
概要
JavaScript をデバッグする
ブレークポイントでコードを一時停止する
JavaScript のスニペットを実行する
ソースマップを使ってデプロイするのではなく、オリジナルコードをデバッグする
ignoreList ソースマップ拡張機能
ワークスペースでファイルを編集、保存する
ウェブコンテンツと HTTP レスポンスヘッダーをローカルでオーバーライドする
JavaScript デバッグリファレンス
C/C++ WebAssembly をデバッグする
ネットワーク
概要
ネットワークアクティビティを検査する
機能リファレンス
ページのリソースを表示
パフォーマンス
概要
ランタイムパフォーマンスを分析する
機能リファレンス
タイムラインイベントのリファレンス
CSS セレクタのパフォーマンスを分析する
Node.js パフォーマンスのプロファイリング
extensibility API を使用してパフォーマンスデータをカスタマイズする
ウェブサイトのパフォーマンスに関する行動につながるインサイトを取得
Lighthouse
ウェブ速度を最適化する
メモリ
概要
メモリの用語
メモリの問題を解決する
ヒープスナップショットを記録する
Allocation Profiler ツール
アプリケーション
概要
プログレッシブウェブアプリをデバッグする
表示と編集
Cookie を表示、追加、編集、削除する
キャッシュデータを表示する
バックフォワードキャッシュをテストする
推測ルールのデバッグ
バックグラウンドサービスをデバッグする
フレームの詳細を表示する
アプリケーションキャッシュデータを表示する
レコーダー
概要
ユーザーフローを記録、再生、測定する
機能リファレンス
拡張機能でレコーダーをカスタマイズする
レンダリング
概要
レンダリングパフォーマンスに関する問題を検出する
CSS メディア機能をエミュレートする
レンダリング効果を適用する
その他のパネル
自動入力パネルで保存した住所の検査とデバッグを行う
[セキュリティ] パネルでのセキュリティの問題について
[センサー] パネルでデバイスセンサーをエミュレートする
WebAudio パネルで WebAudio API の指標を表示する
WebAuthn パネルで認証システムをエミュレートする
[アニメーション] パネルでアニメーションを検査して変更する
[変更] パネルで HTML、CSS、JavaScript に対する変更を確認する
[カバレッジ] パネルで未使用のコードを見つけて分析する
デベロッパーリソースパネルでソースマップの表示と手動読み込みを行う
[CSS の概要] パネルで、CSS の改善点を特定する
[問題] パネルで問題を見つけて修正する
[レイヤ] パネルでウェブサイトのレイヤを分析する
メディアパネルを使用してメディアプレーヤーをデバッグする
[Memory Inspector] パネルで ArrayBuffer、TypedArray、DataView、または Wasm のメモリを検査する
[ネットワーク条件] パネルでユーザーエージェント文字列をオーバーライドする
[ネットワークリクエストのブロック] パネルでリソースを選択的にブロックする
パフォーマンスモニターパネルで、ランタイムのパフォーマンスをリアルタイムで分析する
プロトコルモニターパネルで CDP リクエストを表示して送信する
クイックソースパネルでソースファイルを表示し、他のツールにもアクセスできます
新機能
リモートデバッグ
Android デバイスのリモートデバッグ
ポート転送でローカルサーバーと Chrome インスタンスにアクセスする
WebView のリモートデバッグ
ユーザー補助
機能リファレンス
コントラストと読みやすさ
トラック要素のフォーカス
支援技術を使用して DevTools を操作する
設定
概要
すべての設定
リソース
エンジニアリングブログ

Chrome でビルドする
ウェブプラットフォーム
機能
ChromeDriver
Extensions
Chrome Web Store
Chromium
オーロラ
Android でのウェブ
オリジントライアル
リリースノート
仕事効率化
DevTools
Lighthouse
Chrome UX レポート
ユーザー補助
Workbox
操り人形師
経験
AI
パフォーマンス
CSS と UI
ID
お支払い
プライバシーとセキュリティ
リソース
すべてのドキュメント
ベースライン
web.dev
PageSpeed Insights の診断
プライバシーサンドボックス

要素
コンソール
ソース
ネットワーク
パフォーマンス
メモリ