[{"data":1,"prerenderedAt":1287},["ShallowReactive",2],{"content-/chrome-devtools-mcp-investigation":3,"all-pages-for-dir":1266,"related-/chrome-devtools-mcp-investigation":1267,"og-image-/chrome-devtools-mcp-investigation":1286},{"id":4,"title":5,"body":6,"category":1252,"concepts":1252,"description":1253,"extension":1254,"meta":1255,"navigation":702,"ogImage":1252,"path":1256,"project_name":1252,"published":1257,"publishedAt":1258,"seo":1259,"source":1252,"stem":1260,"tags":1261,"todo":1252,"unpublished":1257,"updatedAt":1252,"__hash__":1265},"pages/2025-12/2025-12-18/chrome-devtools-mcp-investigation.md","Chrome DevTools MCP設定消失の調査記録",{"type":7,"value":8,"toc":1217},"minimark",[9,13,17,21,24,29,55,65,69,77,90,99,128,132,138,156,160,167,180,184,201,208,211,216,220,227,278,294,298,302,313,526,532,540,543,547,573,576,599,603,646,650,653,727,732,740,745,756,759,762,783,787,796,799,803,827,831,849,852,881,884,887,891,894,918,922,950,954,1144,1148,1155,1169,1172,1175,1207,1210,1213],[10,11,5],"h1",{"id":12},"chrome-devtools-mcp設定消失の調査記録",[14,15,16],"h2",{"id":16},"発生した問題",[18,19,20],"p",{},"以前は使用できていたChrome DevTools MCPが、ある時点から突然使えなくなった。",[14,22,23],{"id":23},"調査手順",[25,26,28],"h3",{"id":27},"_1-mcpサーバー一覧の確認","1. MCPサーバー一覧の確認",[30,31,36],"pre",{"className":32,"code":33,"language":34,"meta":35,"style":35},"language-bash shiki shiki-themes vitesse-light vitesse-light","claude mcp list\n","bash","",[37,38,39],"code",{"__ignoreMap":35},[40,41,44,48,52],"span",{"class":42,"line":43},"line",1,[40,45,47],{"class":46},"senZ8","claude",[40,49,51],{"class":50},"sdGka"," mcp",[40,53,54],{"class":50}," list\n",[18,56,57,61,62],{},[58,59,60],"strong",{},"結果",": ",[37,63,64],{},"No MCP servers configured. Use 'claude mcp add' to add a server.",[25,66,68],{"id":67},"_2-グローバル設定ファイルの確認","2. グローバル設定ファイルの確認",[18,70,71,61,74],{},[58,72,73],{},"場所",[37,75,76],{},"~/.claude/settings.json",[30,78,80],{"className":32,"code":79,"language":34,"meta":35,"style":35},"cat ~/.claude/settings.json\n",[37,81,82],{"__ignoreMap":35},[40,83,84,87],{"class":42,"line":43},[40,85,86],{"class":46},"cat",[40,88,89],{"class":50}," ~/.claude/settings.json\n",[18,91,92,94,95,98],{},[58,93,60],{},": ファイルは存在するが、",[37,96,97],{},"mcpServers"," セクションがなかった。以下の設定のみ存在：",[100,101,102,108,113,118,123],"ul",{},[103,104,105],"li",{},[37,106,107],{},"model",[103,109,110],{},[37,111,112],{},"hooks",[103,114,115],{},[37,116,117],{},"statusLine",[103,119,120],{},[37,121,122],{},"enabledPlugins",[103,124,125],{},[37,126,127],{},"alwaysThinkingEnabled",[25,129,131],{"id":130},"_3-プロジェクトレベル設定ファイルの確認","3. プロジェクトレベル設定ファイルの確認",[18,133,134,137],{},[58,135,136],{},"確認した場所",":",[100,139,140,149],{},[103,141,142,145,146],{},[37,143,144],{},".mcp.json"," (プロジェクトルート) → ",[58,147,148],{},"存在しない",[103,150,151,145,154],{},[37,152,153],{},".claude/settings.json",[58,155,148],{},[25,157,159],{"id":158},"_4-プロジェクト固有設定ディレクトリの確認","4. プロジェクト固有設定ディレクトリの確認",[18,161,162,61,164],{},[58,163,73],{},[37,165,166],{},"~/.claude/projects/C--Users-numbe-Git-repo-mdx-playground/",[18,168,169,171,172,175,176,179],{},[58,170,60],{},": 会話履歴の ",[37,173,174],{},".jsonl"," ファイルと ",[37,177,178],{},"tool-results/"," ディレクトリのみ。MCP設定ファイルは存在しなかった。",[25,181,183],{"id":182},"_5-特定のmcpサーバー設定の確認","5. 特定のMCPサーバー設定の確認",[30,185,187],{"className":32,"code":186,"language":34,"meta":35,"style":35},"claude mcp get chrome-devtools\n",[37,188,189],{"__ignoreMap":35},[40,190,191,193,195,198],{"class":42,"line":43},[40,192,47],{"class":46},[40,194,51],{"class":50},[40,196,197],{"class":50}," get",[40,199,200],{"class":50}," chrome-devtools\n",[18,202,203,61,205],{},[58,204,60],{},[37,206,207],{},"No MCP server found with name: chrome-devtools",[14,209,210],{"id":210},"調査結論",[18,212,213],{},[58,214,215],{},"MCP設定が完全に存在しない状態だった。",[14,217,219],{"id":218},"claude-codeの設定ファイル構成","Claude Codeの設定ファイル構成",[18,221,222,223,226],{},"Claude Codeは ",[58,224,225],{},"2つの設定ファイル"," を使用している：",[228,229,230,245],"table",{},[231,232,233],"thead",{},[234,235,236,240,242],"tr",{},[237,238,239],"th",{},"ファイル",[237,241,73],{},[237,243,244],{},"用途",[246,247,248,263],"tbody",{},[234,249,250,256,260],{},[251,252,253],"td",{},[37,254,255],{},"settings.json",[251,257,258],{},[37,259,76],{},[251,261,262],{},"model, hooks, statusLine, plugins, alwaysThinkingEnabled など",[234,264,265,270,275],{},[251,266,267],{},[37,268,269],{},".claude.json",[251,271,272],{},[37,273,274],{},"~/.claude.json",[251,276,277],{},"projects ごとの MCP設定、統計情報、キャッシュなど",[18,279,280,283,284,286,287,289,290,293],{},[58,281,282],{},"注意",": 最初 ",[37,285,76],{}," にMCP設定があると予想して確認したが、MCP設定は ",[37,288,274],{}," という ",[58,291,292],{},"別のファイル"," に格納されていた。この2つを混同しないこと。",[14,295,297],{"id":296},"mcp設定ファイルの正しい場所","MCP設定ファイルの正しい場所",[25,299,301],{"id":300},"プロジェクト固有のmcp設定","プロジェクト固有のMCP設定",[18,303,304,61,306,308,309,312],{},[58,305,73],{},[37,307,274],{}," の ",[37,310,311],{},"projects"," セクション内",[30,314,318],{"className":315,"code":316,"language":317,"meta":35,"style":35},"language-json shiki shiki-themes vitesse-light vitesse-light","{\n  \"projects\": {\n    \"C:\\\\Users\\\\numbe\\\\Git_repo\\\\mdx-playground\": {\n      \"mcpServers\": {\n        \"chrome-devtools\": {\n          \"type\": \"stdio\",\n          \"command\": \"npx\",\n          \"args\": [\"@anthropic-ai/chrome-devtools-mcp@latest\"],\n          \"env\": {}\n        }\n      }\n    }\n  }\n}\n","json",[37,319,320,326,344,381,395,410,435,456,481,496,502,508,514,520],{"__ignoreMap":35},[40,321,322],{"class":42,"line":43},[40,323,325],{"class":324},"shFtX","{\n",[40,327,329,333,336,339,341],{"class":42,"line":328},2,[40,330,332],{"class":331},"sqvqQ","  \"",[40,334,311],{"class":335},"sz8Xr",[40,337,338],{"class":331},"\"",[40,340,137],{"class":324},[40,342,343],{"class":324}," {\n",[40,345,347,350,353,357,360,362,365,367,370,372,375,377,379],{"class":42,"line":346},3,[40,348,349],{"class":331},"    \"",[40,351,352],{"class":335},"C:",[40,354,356],{"class":355},"snbK4","\\\\",[40,358,359],{"class":335},"Users",[40,361,356],{"class":355},[40,363,364],{"class":335},"numbe",[40,366,356],{"class":355},[40,368,369],{"class":335},"Git_repo",[40,371,356],{"class":355},[40,373,374],{"class":335},"mdx-playground",[40,376,338],{"class":331},[40,378,137],{"class":324},[40,380,343],{"class":324},[40,382,384,387,389,391,393],{"class":42,"line":383},4,[40,385,386],{"class":331},"      \"",[40,388,97],{"class":335},[40,390,338],{"class":331},[40,392,137],{"class":324},[40,394,343],{"class":324},[40,396,398,401,404,406,408],{"class":42,"line":397},5,[40,399,400],{"class":331},"        \"",[40,402,403],{"class":335},"chrome-devtools",[40,405,338],{"class":331},[40,407,137],{"class":324},[40,409,343],{"class":324},[40,411,413,416,419,421,423,427,430,432],{"class":42,"line":412},6,[40,414,415],{"class":331},"          \"",[40,417,418],{"class":335},"type",[40,420,338],{"class":331},[40,422,137],{"class":324},[40,424,426],{"class":425},"sMJiu"," \"",[40,428,429],{"class":50},"stdio",[40,431,338],{"class":425},[40,433,434],{"class":324},",\n",[40,436,438,440,443,445,447,449,452,454],{"class":42,"line":437},7,[40,439,415],{"class":331},[40,441,442],{"class":335},"command",[40,444,338],{"class":331},[40,446,137],{"class":324},[40,448,426],{"class":425},[40,450,451],{"class":50},"npx",[40,453,338],{"class":425},[40,455,434],{"class":324},[40,457,459,461,464,466,468,471,473,476,478],{"class":42,"line":458},8,[40,460,415],{"class":331},[40,462,463],{"class":335},"args",[40,465,338],{"class":331},[40,467,137],{"class":324},[40,469,470],{"class":324}," [",[40,472,338],{"class":425},[40,474,475],{"class":50},"@anthropic-ai/chrome-devtools-mcp@latest",[40,477,338],{"class":425},[40,479,480],{"class":324},"],\n",[40,482,484,486,489,491,493],{"class":42,"line":483},9,[40,485,415],{"class":331},[40,487,488],{"class":335},"env",[40,490,338],{"class":331},[40,492,137],{"class":324},[40,494,495],{"class":324}," {}\n",[40,497,499],{"class":42,"line":498},10,[40,500,501],{"class":324},"        }\n",[40,503,505],{"class":42,"line":504},11,[40,506,507],{"class":324},"      }\n",[40,509,511],{"class":42,"line":510},12,[40,512,513],{"class":324},"    }\n",[40,515,517],{"class":42,"line":516},13,[40,518,519],{"class":324},"  }\n",[40,521,523],{"class":42,"line":522},14,[40,524,525],{"class":324},"}\n",[18,527,528,531],{},[37,529,530],{},"claude mcp add"," コマンドを実行すると、このファイルの該当プロジェクトセクションに追加される：",[30,533,538],{"className":534,"code":536,"language":537},[535],"language-text","Added stdio MCP server chrome-devtools with command: npx @anthropic-ai/chrome-devtools-mcp@latest to local config\nFile modified: C:\\Users\\numbe\\.claude.json [project: C:\\Users\\numbe\\Git_repo\\mdx-playground]\n","text",[37,539,536],{"__ignoreMap":35},[14,541,542],{"id":542},"復旧手順",[25,544,546],{"id":545},"mcpサーバーの追加","MCPサーバーの追加",[30,548,550],{"className":32,"code":549,"language":34,"meta":35,"style":35},"claude mcp add chrome-devtools -- npx @anthropic-ai/chrome-devtools-mcp@latest\n",[37,551,552],{"__ignoreMap":35},[40,553,554,556,558,561,564,567,570],{"class":42,"line":43},[40,555,47],{"class":46},[40,557,51],{"class":50},[40,559,560],{"class":50}," add",[40,562,563],{"class":50}," chrome-devtools",[40,565,566],{"class":355}," --",[40,568,569],{"class":50}," npx",[40,571,572],{"class":50}," @anthropic-ai/chrome-devtools-mcp@latest\n",[25,574,575],{"id":575},"追加後の確認",[30,577,579],{"className":32,"code":578,"language":34,"meta":35,"style":35},"claude mcp list\nclaude mcp get chrome-devtools\n",[37,580,581,589],{"__ignoreMap":35},[40,582,583,585,587],{"class":42,"line":43},[40,584,47],{"class":46},[40,586,51],{"class":50},[40,588,54],{"class":50},[40,590,591,593,595,597],{"class":42,"line":328},[40,592,47],{"class":46},[40,594,51],{"class":50},[40,596,197],{"class":50},[40,598,200],{"class":50},[14,600,602],{"id":601},"設定が消える可能性のある原因推測","設定が消える可能性のある原因（推測）",[604,605,606,614,620,626,632],"ol",{},[103,607,608,613],{},[58,609,610,612],{},[37,611,274],{}," ファイルの削除",": このファイルが何らかの理由で削除された",[103,615,616,619],{},[58,617,618],{},"Claude Codeのアップデート",": 設定形式の変更やマイグレーション失敗",[103,621,622,625],{},[58,623,624],{},"設定ファイルの場所変更",": バージョン間で設定ファイルの場所が変わった可能性",[103,627,628,631],{},[58,629,630],{},"プロジェクトパスの変更",": プロジェクトのパスが変わると、ローカル設定が紐付かなくなる可能性",[103,633,634,637,638,641,642,645],{},[58,635,636],{},"パッケージ名の変更",": MCPパッケージ名が変更された場合（例: ",[37,639,640],{},"chrome-devtools-mcp"," → ",[37,643,644],{},"@anthropic-ai/chrome-devtools-mcp","）、古い設定では接続できなくなる",[14,647,649],{"id":648},"voltaとの関係","Voltaとの関係",[18,651,652],{},"この環境ではClaude CodeをVolta経由でインストール/アップデートしている：",[30,654,656],{"className":32,"code":655,"language":34,"meta":35,"style":35},"$ volta list claude\ntool claude / @anthropic-ai/claude-code@2.0.71 / node@22.17.0 npm@built-in (default)\n\n$ claude --version\n2.0.72 (Claude Code)\n",[37,657,658,672,698,704,713],{"__ignoreMap":35},[40,659,660,663,666,669],{"class":42,"line":43},[40,661,662],{"class":46},"$",[40,664,665],{"class":50}," volta",[40,667,668],{"class":50}," list",[40,670,671],{"class":50}," claude\n",[40,673,674,677,680,683,686,688,691,694],{"class":42,"line":328},[40,675,676],{"class":46},"tool",[40,678,679],{"class":50}," claude",[40,681,682],{"class":50}," /",[40,684,685],{"class":50}," @anthropic-ai/claude-code@2.0.71",[40,687,682],{"class":50},[40,689,690],{"class":50}," node@22.17.0",[40,692,693],{"class":50}," npm@built-in",[40,695,697],{"class":696},"sG7-3"," (default)\n",[40,699,700],{"class":42,"line":346},[40,701,703],{"emptyLinePlaceholder":702},true,"\n",[40,705,706,708,710],{"class":42,"line":383},[40,707,662],{"class":46},[40,709,679],{"class":50},[40,711,712],{"class":355}," --version\n",[40,714,715,718,721,724],{"class":42,"line":397},[40,716,717],{"class":46},"2.0.72",[40,719,720],{"class":696}," (Claude ",[40,722,723],{"class":50},"Code",[40,725,726],{"class":696},")\n",[18,728,729,137],{},[58,730,731],{},"Voltaの管理範囲",[100,733,734],{},[103,735,736,739],{},[37,737,738],{},"~/.volta/"," 以下（パッケージ本体）",[18,741,742,137],{},[58,743,744],{},"Claude Code設定ファイルの場所",[100,746,747,752],{},[103,748,749,751],{},[37,750,274],{}," （Voltaの管理範囲外）",[103,753,754,751],{},[37,755,76],{},[18,757,758],{},"Voltaのアップデート自体は設定ファイルを直接消すことはないはず。ただし、Claude Codeのバージョンアップに伴い設定形式や読み込み場所が変わると、設定が「見つからない」状態になる可能性はある。",[14,760,761],{"id":761},"次回消えた場合の確認事項",[604,763,764,769,772,780],{},[103,765,766,768],{},[37,767,274],{}," ファイルが存在するか",[103,770,771],{},"そのファイル内に該当プロジェクトのセクションがあるか",[103,773,774,776,777,779],{},[37,775,76],{}," に ",[37,778,97],{}," セクションがあるか",[103,781,782],{},"Claude Codeのバージョンが更新されていないか",[14,784,786],{"id":785},"chromeリモートデバッグの起動方法重要","Chromeリモートデバッグの起動方法（重要）",[18,788,789],{},[58,790,791,792,795],{},"Chromeでリモートデバッグを有効にするには、",[37,793,794],{},"--user-data-dir","オプションが必須である。",[18,797,798],{},"Chromeはセキュリティ上の理由から、リモートデバッグポートを有効にする際にデフォルト以外のユーザーデータディレクトリを使用することを要求する。",[25,800,802],{"id":801},"正しい起動コマンドwindows","正しい起動コマンド（Windows）",[30,804,806],{"className":32,"code":805,"language":34,"meta":35,"style":35},"\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --remote-debugging-port=9222 --user-data-dir=\"%TEMP%\\chrome-profile-stable\"\n",[37,807,808],{"__ignoreMap":35},[40,809,810,813,816,819,821,824],{"class":42,"line":43},[40,811,812],{"class":46},"\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\"",[40,814,815],{"class":355}," --remote-debugging-port=9222",[40,817,818],{"class":355}," --user-data-dir=",[40,820,338],{"class":425},[40,822,823],{"class":50},"%TEMP%\\chrome-profile-stable",[40,825,826],{"class":425},"\"\n",[25,828,830],{"id":829},"間違った起動コマンド動作しない","間違った起動コマンド（動作しない）",[30,832,834],{"className":32,"code":833,"language":34,"meta":35,"style":35},"# user-data-dir がないと接続できない\n\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --remote-debugging-port=9222\n",[37,835,836,842],{"__ignoreMap":35},[40,837,838],{"class":42,"line":43},[40,839,841],{"class":840},"sxvE3","# user-data-dir がないと接続できない\n",[40,843,844,846],{"class":42,"line":328},[40,845,812],{"class":46},[40,847,848],{"class":355}," --remote-debugging-port=9222\n",[25,850,851],{"id":851},"起動前の注意事項",[604,853,854,876],{},[103,855,856,859],{},[58,857,858],{},"既存のChromeプロセスを全て終了する",[30,860,862],{"className":32,"code":861,"language":34,"meta":35,"style":35},"powershell \"Stop-Process -Name chrome -Force -ErrorAction SilentlyContinue\"\n",[37,863,864],{"__ignoreMap":35},[40,865,866,869,871,874],{"class":42,"line":43},[40,867,868],{"class":46},"powershell",[40,870,426],{"class":425},[40,872,873],{"class":50},"Stop-Process -Name chrome -Force -ErrorAction SilentlyContinue",[40,875,826],{"class":425},[103,877,878],{},[58,879,880],{},"その後、上記の正しいコマンドで起動する",[25,882,883],{"id":883},"セキュリティ警告",[18,885,886],{},"リモートデバッグポートを有効にすると、マシン上の任意のアプリケーションがそのポートに接続してブラウザを制御できる。デバッグポートが開いている間は機密性の高いウェブサイトを閲覧しないこと。",[14,888,890],{"id":889},"パッケージ名の変更2025年更新","パッケージ名の変更（2025年更新）",[18,892,893],{},"Chrome DevTools MCPのパッケージ名が変更されている：",[228,895,896,906],{},[231,897,898],{},[234,899,900,903],{},[237,901,902],{},"旧パッケージ名",[237,904,905],{},"新パッケージ名",[246,907,908],{},[234,909,910,914],{},[251,911,912],{},[37,913,644],{},[251,915,916],{},[37,917,640],{},[25,919,921],{"id":920},"現在の正しいmcp設定","現在の正しいMCP設定",[30,923,925],{"className":32,"code":924,"language":34,"meta":35,"style":35},"claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --browserUrl http://127.0.0.1:9222\n",[37,926,927],{"__ignoreMap":35},[40,928,929,931,933,935,937,939,941,944,947],{"class":42,"line":43},[40,930,47],{"class":46},[40,932,51],{"class":50},[40,934,560],{"class":50},[40,936,563],{"class":50},[40,938,566],{"class":355},[40,940,569],{"class":50},[40,942,943],{"class":50}," chrome-devtools-mcp@latest",[40,945,946],{"class":355}," --browserUrl",[40,948,949],{"class":50}," http://127.0.0.1:9222\n",[25,951,953],{"id":952},"mcp設定例claudejson","MCP設定例（~/.claude.json）",[30,955,957],{"className":315,"code":956,"language":317,"meta":35,"style":35},"{\n  \"projects\": {\n    \"C:\\\\Users\\\\numbe\\\\Git_repo\\\\mdx-playground\": {\n      \"mcpServers\": {\n        \"chrome-devtools\": {\n          \"type\": \"stdio\",\n          \"command\": \"npx\",\n          \"args\": [\"-y\", \"chrome-devtools-mcp@latest\", \"--browserUrl\", \"http://127.0.0.1:9222\"],\n          \"env\": {}\n        }\n      }\n    }\n  }\n}\n",[37,958,959,963,975,1003,1015,1027,1045,1063,1112,1124,1128,1132,1136,1140],{"__ignoreMap":35},[40,960,961],{"class":42,"line":43},[40,962,325],{"class":324},[40,964,965,967,969,971,973],{"class":42,"line":328},[40,966,332],{"class":331},[40,968,311],{"class":335},[40,970,338],{"class":331},[40,972,137],{"class":324},[40,974,343],{"class":324},[40,976,977,979,981,983,985,987,989,991,993,995,997,999,1001],{"class":42,"line":346},[40,978,349],{"class":331},[40,980,352],{"class":335},[40,982,356],{"class":355},[40,984,359],{"class":335},[40,986,356],{"class":355},[40,988,364],{"class":335},[40,990,356],{"class":355},[40,992,369],{"class":335},[40,994,356],{"class":355},[40,996,374],{"class":335},[40,998,338],{"class":331},[40,1000,137],{"class":324},[40,1002,343],{"class":324},[40,1004,1005,1007,1009,1011,1013],{"class":42,"line":383},[40,1006,386],{"class":331},[40,1008,97],{"class":335},[40,1010,338],{"class":331},[40,1012,137],{"class":324},[40,1014,343],{"class":324},[40,1016,1017,1019,1021,1023,1025],{"class":42,"line":397},[40,1018,400],{"class":331},[40,1020,403],{"class":335},[40,1022,338],{"class":331},[40,1024,137],{"class":324},[40,1026,343],{"class":324},[40,1028,1029,1031,1033,1035,1037,1039,1041,1043],{"class":42,"line":412},[40,1030,415],{"class":331},[40,1032,418],{"class":335},[40,1034,338],{"class":331},[40,1036,137],{"class":324},[40,1038,426],{"class":425},[40,1040,429],{"class":50},[40,1042,338],{"class":425},[40,1044,434],{"class":324},[40,1046,1047,1049,1051,1053,1055,1057,1059,1061],{"class":42,"line":437},[40,1048,415],{"class":331},[40,1050,442],{"class":335},[40,1052,338],{"class":331},[40,1054,137],{"class":324},[40,1056,426],{"class":425},[40,1058,451],{"class":50},[40,1060,338],{"class":425},[40,1062,434],{"class":324},[40,1064,1065,1067,1069,1071,1073,1075,1077,1080,1082,1085,1087,1090,1092,1094,1096,1099,1101,1103,1105,1108,1110],{"class":42,"line":458},[40,1066,415],{"class":331},[40,1068,463],{"class":335},[40,1070,338],{"class":331},[40,1072,137],{"class":324},[40,1074,470],{"class":324},[40,1076,338],{"class":425},[40,1078,1079],{"class":50},"-y",[40,1081,338],{"class":425},[40,1083,1084],{"class":324},",",[40,1086,426],{"class":425},[40,1088,1089],{"class":50},"chrome-devtools-mcp@latest",[40,1091,338],{"class":425},[40,1093,1084],{"class":324},[40,1095,426],{"class":425},[40,1097,1098],{"class":50},"--browserUrl",[40,1100,338],{"class":425},[40,1102,1084],{"class":324},[40,1104,426],{"class":425},[40,1106,1107],{"class":50},"http://127.0.0.1:9222",[40,1109,338],{"class":425},[40,1111,480],{"class":324},[40,1113,1114,1116,1118,1120,1122],{"class":42,"line":483},[40,1115,415],{"class":331},[40,1117,488],{"class":335},[40,1119,338],{"class":331},[40,1121,137],{"class":324},[40,1123,495],{"class":324},[40,1125,1126],{"class":42,"line":498},[40,1127,501],{"class":324},[40,1129,1130],{"class":42,"line":504},[40,1131,507],{"class":324},[40,1133,1134],{"class":42,"line":510},[40,1135,513],{"class":324},[40,1137,1138],{"class":42,"line":516},[40,1139,519],{"class":324},[40,1141,1142],{"class":42,"line":522},[40,1143,525],{"class":324},[14,1145,1147],{"id":1146},"chrome-144の新機能autoconnect","Chrome 144+の新機能（autoConnect）",[18,1149,1150,1151,1154],{},"Chrome M144以降では ",[37,1152,1153],{},"--autoConnect"," オプションが使用可能：",[604,1156,1157,1163],{},[103,1158,1159,1162],{},[37,1160,1161],{},"chrome://inspect#remote-debugging"," でリモートデバッグを有効化",[103,1164,1165,1166,1168],{},"MCPサーバーを ",[37,1167,1153],{}," オプション付きで起動",[18,1170,1171],{},"これにより、手動でChromeをデバッグモードで起動する必要がなくなる。",[14,1173,1174],{"id":1174},"関連ドキュメント",[100,1176,1177,1186,1193,1200],{},[103,1178,1179],{},[1180,1181,1185],"a",{"href":1182,"rel":1183},"https://github.com/ChromeDevTools/chrome-devtools-mcp",[1184],"nofollow","Chrome DevTools MCP GitHub",[103,1187,1188],{},[1180,1189,1192],{"href":1190,"rel":1191},"https://www.npmjs.com/package/chrome-devtools-mcp",[1184],"Chrome DevTools MCP npm",[103,1194,1195],{},[1180,1196,1199],{"href":1197,"rel":1198},"https://developer.chrome.com/blog/chrome-devtools-mcp",[1184],"Chrome for Developers Blog",[103,1201,1202,1206],{},[1180,1203,1205],{"href":1204},"/chrome-devtools-mcp-setup","Chrome DevTools MCPの設定方法"," - 基本的な設定手順",[14,1208,1209],{"id":1209},"調査日時",[18,1211,1212],{},"2025-12-18",[1214,1215,1216],"style",{},"html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sqvqQ, html code.shiki .sqvqQ{--shiki-default:#99841877;--shiki-dark:#99841877}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sG7-3, html code.shiki .sG7-3{--shiki-default:#393A34;--shiki-dark:#393A34}html pre.shiki code .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}",{"title":35,"searchDepth":328,"depth":328,"links":1218},[1219,1220,1227,1228,1229,1232,1236,1237,1238,1239,1245,1249,1250,1251],{"id":16,"depth":328,"text":16},{"id":23,"depth":328,"text":23,"children":1221},[1222,1223,1224,1225,1226],{"id":27,"depth":346,"text":28},{"id":67,"depth":346,"text":68},{"id":130,"depth":346,"text":131},{"id":158,"depth":346,"text":159},{"id":182,"depth":346,"text":183},{"id":210,"depth":328,"text":210},{"id":218,"depth":328,"text":219},{"id":296,"depth":328,"text":297,"children":1230},[1231],{"id":300,"depth":346,"text":301},{"id":542,"depth":328,"text":542,"children":1233},[1234,1235],{"id":545,"depth":346,"text":546},{"id":575,"depth":346,"text":575},{"id":601,"depth":328,"text":602},{"id":648,"depth":328,"text":649},{"id":761,"depth":328,"text":761},{"id":785,"depth":328,"text":786,"children":1240},[1241,1242,1243,1244],{"id":801,"depth":346,"text":802},{"id":829,"depth":346,"text":830},{"id":851,"depth":346,"text":851},{"id":883,"depth":346,"text":883},{"id":889,"depth":328,"text":890,"children":1246},[1247,1248],{"id":920,"depth":346,"text":921},{"id":952,"depth":346,"text":953},{"id":1146,"depth":328,"text":1147},{"id":1174,"depth":328,"text":1174},{"id":1209,"depth":328,"text":1209},null,"Chrome DevTools MCPが使えなくなった際の調査手順と、設定ファイルの場所についての記録","md",{},"/chrome-devtools-mcp-investigation",false,"2025-12-18T00:00:00.000Z",{"title":5,"description":1253},"2025-12/2025-12-18/chrome-devtools-mcp-investigation",[1262,1263,403,1264],"claude-code","mcp","troubleshooting","MLvQVHBNxCenXkQ0JJWyr8Avu7zrpPGwI4mBa860HbI",[],[1268,1272,1274,1278,1282],{"title":1269,"path":1270,"publishedAt":1271},"Chrome DevTools MCP の autoConnect で、自分のブラウザセッションをそのままAIに渡せるようになった","/chrome-devtools-mcp-auto-connect","2026-03-31T00:00:00.000Z",{"title":1205,"path":1204,"publishedAt":1273},"2025-11-25T00:00:00.000Z",{"title":1275,"path":1276,"publishedAt":1277},"1Password EnvironmentsのMCP連携がWindowsで解禁 — Claude Code / Codexへの設定手順と実機検証","/1password-mcp-windows-claude-codex","2026-07-18T00:00:00.000Z",{"title":1279,"path":1280,"publishedAt":1281},"Claude Code のフック音声・Codex GPT-5.5 ロールアウト・ffmpeg NVENC 廃止オプションのトラブル対応","/env-troubles-sound-gpt55-nvenc","2026-04-24T00:00:00.000Z",{"title":1283,"path":1284,"publishedAt":1285},"Draw.io MCP サーバー調査ログ - 3つの選択肢を比較して現状維持を選んだ話","/drawio-mcp-investigation-2026-02-13","2026-02-13T00:00:00.000Z","https://log.eurekapu.com/og/blog/chrome-devtools-mcp-investigation.png?v=2025-12-18T00%3A00%3A00.000Z&title=Chrome%20DevTools%20MCP%E8%A8%AD%E5%AE%9A%E6%B6%88%E5%A4%B1%E3%81%AE%E8%AA%BF%E6%9F%BB%E8%A8%98%E9%8C%B2&author=Kei%20Komatsu&sig=9cce8c544a1dd489",1785654964182]