[{"data":1,"prerenderedAt":1613},["ShallowReactive",2],{"article-claude-code":3,"mdc-2gp273-key":14},{"_path":4,"slug":5,"title":6,"description":7,"date":8,"tags":9,"type":11,"cover":12,"content":13},"\u002Fknowledge\u002Fclaude-code","claude-code","Chrome DevTools MCP 插件安装指南","Chrome DevTools MCP 插件安装指南 插件用途 chrome-devtools-mcp 是 Chrome 官方团队提供的 MCP（Model Context Protocol）插件。它相当于给 Claude Code 装了一个\"浏览器\"，让 AI 可以直接操控 Chrome。 为什么需要它？ 默认情况下","2026-06-15",[10],"Claude","article",null,"# Chrome DevTools MCP 插件安装指南\n\n## 插件用途\n\nchrome-devtools-mcp 是 Chrome 官方团队提供的 MCP（Model Context Protocol）插件。它相当于给 Claude Code 装了一个\"浏览器\"，让 AI 可以直接操控 Chrome。\n\n### 为什么需要它？\n\n默认情况下，Claude 只能读代码、跑命令，**看不到网页也无法操作网页**。安装这个插件后，Claude 能够：\n\n- 打开网页并\"看到\"页面内容（文本快照）\n- 点击按钮、填写表单、滚动页面\n- 对网页截图\n- 查看网络请求和控制台日志\n- 录制性能分析（Core Web Vitals）\n- 运行 Lighthouse 审计（SEO、可访问性）\n\n### 典型使用场景\n\n| 场景 | 例子 |\n|------|------|\n| 查看网页 | \"打开 xxx 页面，看看上面有什么\" |\n| 截图 | \"打开这个页面并截图\" |\n| 自动化操作 | \"登录这个网站，填写表单并提交\" |\n| 前端调试 | \"查看这个页面的网络请求，为什么加载慢\" |\n| 性能分析 | \"分析首页的 LCP 性能瓶颈\" |\n| 可访问性审计 | \"检查这个页面的无障碍支持情况\" |\n\n---\n\n## 连接模式\n\n插件有两种核心工作方式：\n\n### 模式一：自动启动新浏览器（默认）\n\n**不需要预先打开 Chrome。** 插件自动启动一个新的 Chrome 实例，使用独立的用户数据目录。\n\n- ✅ 简单，开箱即用\n- ✅ 不影响你日常使用的 Chrome\n- ✅ 登录状态、Cookie 等会持久化保留\n- ❌ 与日常 Chrome 的登录状态不共享\n\n### 模式二：连接已有 Chrome\n\n**复用你已经打开的 Chrome。** 需要先以远程调试模式启动 Chrome。\n\n- ✅ 共享你日常 Chrome 的登录状态、Cookie、扩展\n- ✅ 不需要重新登录各种网站\n- ❌ 需要手动启动 Chrome 远程调试端口\n\n在 Windows 上启动带调试端口的 Chrome：\n\n```bash\n\"C:\\Users\\\u003C用户名>\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe\" --remote-debugging-port=9222 --user-data-dir=\"%TEMP%\\chrome-profile\"\n```\n\n> 注意：必须指定 `--user-data-dir` 为非默认目录，否则 Chrome 出于安全策略会拒绝启动远程调试。\n\n---\n\n## 可选配置\n\n以下是常用 CLI 参数，可根据需要配置：\n\n### 基础启动参数\n\n| 参数 | 默认值 | 说明 |\n|------|--------|------|\n| `--headless` | `false` | 无头模式，不显示浏览器窗口（适合 CI\u002F无桌面环境） |\n| `--channel` | `stable` | Chrome 版本：`stable`、`canary`、`beta`、`dev` |\n| `--executablePath` | — | 自定义 Chrome 可执行文件路径 |\n| `--userDataDir` | 自动 | Chrome 用户数据目录（持久化登录状态等） |\n| `--isolated` | `false` | 使用临时用户数据目录，关闭后自动清理（适合 CI） |\n| `--viewport` | — | 初始视口大小，如 `1280x720` |\n\n### 连接已有浏览器\n\n| 参数 | 说明 |\n|------|------|\n| `--browserUrl` \u002F `-u` | 通过 HTTP 连接调试端口，如 `http:\u002F\u002F127.0.0.1:9222` |\n| `--wsEndpoint` \u002F `-w` | 通过 WebSocket 直连，如 `ws:\u002F\u002F127.0.0.1:9222\u002Fdevtools\u002Fbrowser\u002F\u003Cid>` |\n| `--autoConnect` | （Chrome 144+）自动读取 Chrome 用户数据目录中的调试端口 |\n\n### 功能开关\n\n| 参数 | 说明 |\n|------|------|\n| `--slim` | 精简模式，仅加载核心工具集 |\n| `--categoryEmulation` | 设备\u002F网络模拟工具（默认开启） |\n| `--categoryPerformance` | 性能追踪工具（默认开启） |\n| `--categoryNetwork` | 网络检查工具（默认开启） |\n| `--categoryExtensions` | 启用扩展调试能力 |\n\n### 配置示例\n\n**默认模式（启动新 Chrome，有界面，持久化状态）**：无需任何配置，插件已默认此行为。\n\n**无头 + 隔离模式（CI\u002FCD）**：\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--headless=true\", \"--isolated=true\"]\n    }\n  }\n}\n```\n\n**连接已有 Chrome**：\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--browserUrl=http:\u002F\u002F127.0.0.1:9222\"]\n    }\n  }\n}\n```\n\n---\n\n## 安装\n\nClaude Code 内置了插件市场，通过 `\u002Fplugin` 命令即可安装，无需手动 clone 仓库或编写 MCP 配置。\n\n在 Claude Code 中输入：\n\n```\n\u002Fplugin\n```\n\n在弹出的插件列表中搜索 **chrome-devtools-mcp**，点击 Install。\n\n或者用命令行：\n\n```bash\nclaude plugins install chrome-devtools-mcp@claude-plugins-official\n```\n\n安装完成后重启 Claude Code 即可生效。\n\n## 自定义参数配置\n\n`\u002Fplugin` 安装使用默认参数，适合大多数场景。如果需要自定义参数（如无头模式、连接已有 Chrome 等），需要在设置文件中手动添加 `mcpServers` 配置。\n\n### 配置文件位置\n\nClaude Code 有两个级别的设置文件：\n\n| 文件 | 路径 | 作用范围 |\n|------|------|----------|\n| **用户级** | `~\u002F.claude\u002Fsettings.json` | 对所有项目生效 |\n| **项目级** | `\u003C项目根目录>\u002F.claude\u002Fsettings.json` | 仅对当前项目生效 |\n| **用户本地** | `~\u002F.claude\u002Fsettings.local.json` | 本地覆盖，不提交 Git |\n\n> 优先级：项目级 > 用户本地 > 用户级。推荐将 `mcpServers` 配置写在**用户级** `~\u002F.claude\u002Fsettings.json` 中，一次配置到处可用。\n\n### 配置示例\n\n**无头 + 隔离模式（CI\u002FCD）**：\n\n在 `~\u002F.claude\u002Fsettings.json` 中添加：\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--headless=true\", \"--isolated=true\"]\n    }\n  }\n}\n```\n\n**连接已有 Chrome（共享 Cookie 和登录状态）**：\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--browserUrl=http:\u002F\u002F127.0.0.1:9222\"]\n    }\n  }\n}\n```\n\n**自定义 Chrome 路径**：\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--executablePath=C:\\\\你的Chrome路径\\\\chrome.exe\"]\n    }\n  }\n}\n```\n\n### 与 `\u002Fplugin` 安装的关系\n\n| 方式 | 说明 |\n|------|------|\n| `\u002Fplugin` 安装（推荐） | Claude Code 统一管理，默认参数开箱即用 |\n| `\u002Fplugin` + `mcpServers` 配置 | 插件管理安装和更新，配置文件覆盖默认参数 |\n| 纯手动 `mcpServers` 配置 | 自己管理 npx 版本，可能与插件系统冲突 |\n\n> 如果之前启用了 `\u002Fplugin` 中的 chrome-devtools-mcp，同时又在 `settings.json` 中手动配置了同名的 `mcpServers`，两者会冲突。建议只保留一种方式。\n\n### 让 Claude 帮你配置\n\n如果你不确定该怎么写配置，或者不想手动编辑 JSON，可以直接对 Claude 说：\n\n> **\"帮我配置 chrome-devtools-mcp 使用已有 Chrome（已开启 9222 端口）\"**\n\n> **\"帮我配置 chrome-devtools-mcp 为无头模式\"**\n\n> **\"帮我配置 chrome-devtools-mcp，使用指定的 Chrome 路径\"**\n\nClaude 会自动读取当前设置文件，合并配置，避免冲突。\n\n## 验证安装\n\n在 Claude Code 中输入 `\u002Fplugin`，确认 `chrome-devtools-mcp` 显示为绿色 ✓ 已启用状态。\n\n安装后首次调用任意浏览器工具时，插件会自动启动 Chrome。\n\n## 可用工具\n\n| 工具 | 说明 |\n|------|------|\n| `navigate_page` | 导航到 URL、前进后退、刷新 |\n| `take_screenshot` | 全页或元素截图 |\n| `take_snapshot` | 获取页面无障碍树文本快照 |\n| `click` \u002F `fill` \u002F `hover` \u002F `drag` | 元素交互 |\n| `press_key` \u002F `type_text` | 键盘操作 |\n| `evaluate_script` | 执行 JavaScript |\n| `list_network_requests` | 查看网络请求 |\n| `get_network_request` | 获取请求\u002F响应详情 |\n| `list_console_messages` | 查看控制台日志 |\n| `performance_start_trace` \u002F `stop_trace` | 性能录制 |\n| `performance_analyze_insight` | 分析性能洞见 |\n| `lighthouse_audit` | Lighthouse 审计 |\n| `emulate` | 设备\u002F网络模拟 |\n\n## 卸载\n\n```bash\nclaude plugins uninstall chrome-devtools-mcp@claude-plugins-official\n```\n",{"data":15,"body":16},{},{"type":17,"children":18},"root",[19,27,33,39,46,59,94,99,205,209,214,219,225,235,258,264,274,292,297,311,328,331,336,341,346,548,553,651,656,761,766,776,786,797,806,815,818,823,836,841,851,863,868,877,882,887,905,910,915,1017,1045,1050,1058,1070,1078,1087,1095,1104,1113,1126,1209,1239,1245,1250,1261,1272,1283,1288,1293,1312,1317,1322,1599,1604],{"type":20,"tag":21,"props":22,"children":24},"element","h1",{"id":23},"chrome-devtools-mcp-插件安装指南",[25],{"type":26,"value":6},"text",{"type":20,"tag":28,"props":29,"children":31},"h2",{"id":30},"插件用途",[32],{"type":26,"value":30},{"type":20,"tag":34,"props":35,"children":36},"p",{},[37],{"type":26,"value":38},"chrome-devtools-mcp 是 Chrome 官方团队提供的 MCP（Model Context Protocol）插件。它相当于给 Claude Code 装了一个\"浏览器\"，让 AI 可以直接操控 Chrome。",{"type":20,"tag":40,"props":41,"children":43},"h3",{"id":42},"为什么需要它",[44],{"type":26,"value":45},"为什么需要它？",{"type":20,"tag":34,"props":47,"children":48},{},[49,51,57],{"type":26,"value":50},"默认情况下，Claude 只能读代码、跑命令，",{"type":20,"tag":52,"props":53,"children":54},"strong",{},[55],{"type":26,"value":56},"看不到网页也无法操作网页",{"type":26,"value":58},"。安装这个插件后，Claude 能够：",{"type":20,"tag":60,"props":61,"children":62},"ul",{},[63,69,74,79,84,89],{"type":20,"tag":64,"props":65,"children":66},"li",{},[67],{"type":26,"value":68},"打开网页并\"看到\"页面内容（文本快照）",{"type":20,"tag":64,"props":70,"children":71},{},[72],{"type":26,"value":73},"点击按钮、填写表单、滚动页面",{"type":20,"tag":64,"props":75,"children":76},{},[77],{"type":26,"value":78},"对网页截图",{"type":20,"tag":64,"props":80,"children":81},{},[82],{"type":26,"value":83},"查看网络请求和控制台日志",{"type":20,"tag":64,"props":85,"children":86},{},[87],{"type":26,"value":88},"录制性能分析（Core Web Vitals）",{"type":20,"tag":64,"props":90,"children":91},{},[92],{"type":26,"value":93},"运行 Lighthouse 审计（SEO、可访问性）",{"type":20,"tag":40,"props":95,"children":97},{"id":96},"典型使用场景",[98],{"type":26,"value":96},{"type":20,"tag":100,"props":101,"children":102},"table",{},[103,122],{"type":20,"tag":104,"props":105,"children":106},"thead",{},[107],{"type":20,"tag":108,"props":109,"children":110},"tr",{},[111,117],{"type":20,"tag":112,"props":113,"children":114},"th",{},[115],{"type":26,"value":116},"场景",{"type":20,"tag":112,"props":118,"children":119},{},[120],{"type":26,"value":121},"例子",{"type":20,"tag":123,"props":124,"children":125},"tbody",{},[126,140,153,166,179,192],{"type":20,"tag":108,"props":127,"children":128},{},[129,135],{"type":20,"tag":130,"props":131,"children":132},"td",{},[133],{"type":26,"value":134},"查看网页",{"type":20,"tag":130,"props":136,"children":137},{},[138],{"type":26,"value":139},"\"打开 xxx 页面，看看上面有什么\"",{"type":20,"tag":108,"props":141,"children":142},{},[143,148],{"type":20,"tag":130,"props":144,"children":145},{},[146],{"type":26,"value":147},"截图",{"type":20,"tag":130,"props":149,"children":150},{},[151],{"type":26,"value":152},"\"打开这个页面并截图\"",{"type":20,"tag":108,"props":154,"children":155},{},[156,161],{"type":20,"tag":130,"props":157,"children":158},{},[159],{"type":26,"value":160},"自动化操作",{"type":20,"tag":130,"props":162,"children":163},{},[164],{"type":26,"value":165},"\"登录这个网站，填写表单并提交\"",{"type":20,"tag":108,"props":167,"children":168},{},[169,174],{"type":20,"tag":130,"props":170,"children":171},{},[172],{"type":26,"value":173},"前端调试",{"type":20,"tag":130,"props":175,"children":176},{},[177],{"type":26,"value":178},"\"查看这个页面的网络请求，为什么加载慢\"",{"type":20,"tag":108,"props":180,"children":181},{},[182,187],{"type":20,"tag":130,"props":183,"children":184},{},[185],{"type":26,"value":186},"性能分析",{"type":20,"tag":130,"props":188,"children":189},{},[190],{"type":26,"value":191},"\"分析首页的 LCP 性能瓶颈\"",{"type":20,"tag":108,"props":193,"children":194},{},[195,200],{"type":20,"tag":130,"props":196,"children":197},{},[198],{"type":26,"value":199},"可访问性审计",{"type":20,"tag":130,"props":201,"children":202},{},[203],{"type":26,"value":204},"\"检查这个页面的无障碍支持情况\"",{"type":20,"tag":206,"props":207,"children":208},"hr",{},[],{"type":20,"tag":28,"props":210,"children":212},{"id":211},"连接模式",[213],{"type":26,"value":211},{"type":20,"tag":34,"props":215,"children":216},{},[217],{"type":26,"value":218},"插件有两种核心工作方式：",{"type":20,"tag":40,"props":220,"children":222},{"id":221},"模式一自动启动新浏览器默认",[223],{"type":26,"value":224},"模式一：自动启动新浏览器（默认）",{"type":20,"tag":34,"props":226,"children":227},{},[228,233],{"type":20,"tag":52,"props":229,"children":230},{},[231],{"type":26,"value":232},"不需要预先打开 Chrome。",{"type":26,"value":234}," 插件自动启动一个新的 Chrome 实例，使用独立的用户数据目录。",{"type":20,"tag":60,"props":236,"children":237},{},[238,243,248,253],{"type":20,"tag":64,"props":239,"children":240},{},[241],{"type":26,"value":242},"✅ 简单，开箱即用",{"type":20,"tag":64,"props":244,"children":245},{},[246],{"type":26,"value":247},"✅ 不影响你日常使用的 Chrome",{"type":20,"tag":64,"props":249,"children":250},{},[251],{"type":26,"value":252},"✅ 登录状态、Cookie 等会持久化保留",{"type":20,"tag":64,"props":254,"children":255},{},[256],{"type":26,"value":257},"❌ 与日常 Chrome 的登录状态不共享",{"type":20,"tag":40,"props":259,"children":261},{"id":260},"模式二连接已有-chrome",[262],{"type":26,"value":263},"模式二：连接已有 Chrome",{"type":20,"tag":34,"props":265,"children":266},{},[267,272],{"type":20,"tag":52,"props":268,"children":269},{},[270],{"type":26,"value":271},"复用你已经打开的 Chrome。",{"type":26,"value":273}," 需要先以远程调试模式启动 Chrome。",{"type":20,"tag":60,"props":275,"children":276},{},[277,282,287],{"type":20,"tag":64,"props":278,"children":279},{},[280],{"type":26,"value":281},"✅ 共享你日常 Chrome 的登录状态、Cookie、扩展",{"type":20,"tag":64,"props":283,"children":284},{},[285],{"type":26,"value":286},"✅ 不需要重新登录各种网站",{"type":20,"tag":64,"props":288,"children":289},{},[290],{"type":26,"value":291},"❌ 需要手动启动 Chrome 远程调试端口",{"type":20,"tag":34,"props":293,"children":294},{},[295],{"type":26,"value":296},"在 Windows 上启动带调试端口的 Chrome：",{"type":20,"tag":298,"props":299,"children":305},"pre",{"className":300,"code":302,"language":303,"meta":304},[301],"language-bash","\"C:\\Users\\\u003C用户名>\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe\" --remote-debugging-port=9222 --user-data-dir=\"%TEMP%\\chrome-profile\"\n","bash","",[306],{"type":20,"tag":307,"props":308,"children":309},"code",{"__ignoreMap":304},[310],{"type":26,"value":302},{"type":20,"tag":312,"props":313,"children":314},"blockquote",{},[315],{"type":20,"tag":34,"props":316,"children":317},{},[318,320,326],{"type":26,"value":319},"注意：必须指定 ",{"type":20,"tag":307,"props":321,"children":323},{"className":322},[],[324],{"type":26,"value":325},"--user-data-dir",{"type":26,"value":327}," 为非默认目录，否则 Chrome 出于安全策略会拒绝启动远程调试。",{"type":20,"tag":206,"props":329,"children":330},{},[],{"type":20,"tag":28,"props":332,"children":334},{"id":333},"可选配置",[335],{"type":26,"value":333},{"type":20,"tag":34,"props":337,"children":338},{},[339],{"type":26,"value":340},"以下是常用 CLI 参数，可根据需要配置：",{"type":20,"tag":40,"props":342,"children":344},{"id":343},"基础启动参数",[345],{"type":26,"value":343},{"type":20,"tag":100,"props":347,"children":348},{},[349,370],{"type":20,"tag":104,"props":350,"children":351},{},[352],{"type":20,"tag":108,"props":353,"children":354},{},[355,360,365],{"type":20,"tag":112,"props":356,"children":357},{},[358],{"type":26,"value":359},"参数",{"type":20,"tag":112,"props":361,"children":362},{},[363],{"type":26,"value":364},"默认值",{"type":20,"tag":112,"props":366,"children":367},{},[368],{"type":26,"value":369},"说明",{"type":20,"tag":123,"props":371,"children":372},{},[373,399,452,474,496,521],{"type":20,"tag":108,"props":374,"children":375},{},[376,385,394],{"type":20,"tag":130,"props":377,"children":378},{},[379],{"type":20,"tag":307,"props":380,"children":382},{"className":381},[],[383],{"type":26,"value":384},"--headless",{"type":20,"tag":130,"props":386,"children":387},{},[388],{"type":20,"tag":307,"props":389,"children":391},{"className":390},[],[392],{"type":26,"value":393},"false",{"type":20,"tag":130,"props":395,"children":396},{},[397],{"type":26,"value":398},"无头模式，不显示浏览器窗口（适合 CI\u002F无桌面环境）",{"type":20,"tag":108,"props":400,"children":401},{},[402,411,420],{"type":20,"tag":130,"props":403,"children":404},{},[405],{"type":20,"tag":307,"props":406,"children":408},{"className":407},[],[409],{"type":26,"value":410},"--channel",{"type":20,"tag":130,"props":412,"children":413},{},[414],{"type":20,"tag":307,"props":415,"children":417},{"className":416},[],[418],{"type":26,"value":419},"stable",{"type":20,"tag":130,"props":421,"children":422},{},[423,425,430,432,438,439,445,446],{"type":26,"value":424},"Chrome 版本：",{"type":20,"tag":307,"props":426,"children":428},{"className":427},[],[429],{"type":26,"value":419},{"type":26,"value":431},"、",{"type":20,"tag":307,"props":433,"children":435},{"className":434},[],[436],{"type":26,"value":437},"canary",{"type":26,"value":431},{"type":20,"tag":307,"props":440,"children":442},{"className":441},[],[443],{"type":26,"value":444},"beta",{"type":26,"value":431},{"type":20,"tag":307,"props":447,"children":449},{"className":448},[],[450],{"type":26,"value":451},"dev",{"type":20,"tag":108,"props":453,"children":454},{},[455,464,469],{"type":20,"tag":130,"props":456,"children":457},{},[458],{"type":20,"tag":307,"props":459,"children":461},{"className":460},[],[462],{"type":26,"value":463},"--executablePath",{"type":20,"tag":130,"props":465,"children":466},{},[467],{"type":26,"value":468},"—",{"type":20,"tag":130,"props":470,"children":471},{},[472],{"type":26,"value":473},"自定义 Chrome 可执行文件路径",{"type":20,"tag":108,"props":475,"children":476},{},[477,486,491],{"type":20,"tag":130,"props":478,"children":479},{},[480],{"type":20,"tag":307,"props":481,"children":483},{"className":482},[],[484],{"type":26,"value":485},"--userDataDir",{"type":20,"tag":130,"props":487,"children":488},{},[489],{"type":26,"value":490},"自动",{"type":20,"tag":130,"props":492,"children":493},{},[494],{"type":26,"value":495},"Chrome 用户数据目录（持久化登录状态等）",{"type":20,"tag":108,"props":497,"children":498},{},[499,508,516],{"type":20,"tag":130,"props":500,"children":501},{},[502],{"type":20,"tag":307,"props":503,"children":505},{"className":504},[],[506],{"type":26,"value":507},"--isolated",{"type":20,"tag":130,"props":509,"children":510},{},[511],{"type":20,"tag":307,"props":512,"children":514},{"className":513},[],[515],{"type":26,"value":393},{"type":20,"tag":130,"props":517,"children":518},{},[519],{"type":26,"value":520},"使用临时用户数据目录，关闭后自动清理（适合 CI）",{"type":20,"tag":108,"props":522,"children":523},{},[524,533,537],{"type":20,"tag":130,"props":525,"children":526},{},[527],{"type":20,"tag":307,"props":528,"children":530},{"className":529},[],[531],{"type":26,"value":532},"--viewport",{"type":20,"tag":130,"props":534,"children":535},{},[536],{"type":26,"value":468},{"type":20,"tag":130,"props":538,"children":539},{},[540,542],{"type":26,"value":541},"初始视口大小，如 ",{"type":20,"tag":307,"props":543,"children":545},{"className":544},[],[546],{"type":26,"value":547},"1280x720",{"type":20,"tag":40,"props":549,"children":551},{"id":550},"连接已有浏览器",[552],{"type":26,"value":550},{"type":20,"tag":100,"props":554,"children":555},{},[556,570],{"type":20,"tag":104,"props":557,"children":558},{},[559],{"type":20,"tag":108,"props":560,"children":561},{},[562,566],{"type":20,"tag":112,"props":563,"children":564},{},[565],{"type":26,"value":359},{"type":20,"tag":112,"props":567,"children":568},{},[569],{"type":26,"value":369},{"type":20,"tag":123,"props":571,"children":572},{},[573,604,634],{"type":20,"tag":108,"props":574,"children":575},{},[576,593],{"type":20,"tag":130,"props":577,"children":578},{},[579,585,587],{"type":20,"tag":307,"props":580,"children":582},{"className":581},[],[583],{"type":26,"value":584},"--browserUrl",{"type":26,"value":586}," \u002F ",{"type":20,"tag":307,"props":588,"children":590},{"className":589},[],[591],{"type":26,"value":592},"-u",{"type":20,"tag":130,"props":594,"children":595},{},[596,598],{"type":26,"value":597},"通过 HTTP 连接调试端口，如 ",{"type":20,"tag":307,"props":599,"children":601},{"className":600},[],[602],{"type":26,"value":603},"http:\u002F\u002F127.0.0.1:9222",{"type":20,"tag":108,"props":605,"children":606},{},[607,623],{"type":20,"tag":130,"props":608,"children":609},{},[610,616,617],{"type":20,"tag":307,"props":611,"children":613},{"className":612},[],[614],{"type":26,"value":615},"--wsEndpoint",{"type":26,"value":586},{"type":20,"tag":307,"props":618,"children":620},{"className":619},[],[621],{"type":26,"value":622},"-w",{"type":20,"tag":130,"props":624,"children":625},{},[626,628],{"type":26,"value":627},"通过 WebSocket 直连，如 ",{"type":20,"tag":307,"props":629,"children":631},{"className":630},[],[632],{"type":26,"value":633},"ws:\u002F\u002F127.0.0.1:9222\u002Fdevtools\u002Fbrowser\u002F\u003Cid>",{"type":20,"tag":108,"props":635,"children":636},{},[637,646],{"type":20,"tag":130,"props":638,"children":639},{},[640],{"type":20,"tag":307,"props":641,"children":643},{"className":642},[],[644],{"type":26,"value":645},"--autoConnect",{"type":20,"tag":130,"props":647,"children":648},{},[649],{"type":26,"value":650},"（Chrome 144+）自动读取 Chrome 用户数据目录中的调试端口",{"type":20,"tag":40,"props":652,"children":654},{"id":653},"功能开关",[655],{"type":26,"value":653},{"type":20,"tag":100,"props":657,"children":658},{},[659,673],{"type":20,"tag":104,"props":660,"children":661},{},[662],{"type":20,"tag":108,"props":663,"children":664},{},[665,669],{"type":20,"tag":112,"props":666,"children":667},{},[668],{"type":26,"value":359},{"type":20,"tag":112,"props":670,"children":671},{},[672],{"type":26,"value":369},{"type":20,"tag":123,"props":674,"children":675},{},[676,693,710,727,744],{"type":20,"tag":108,"props":677,"children":678},{},[679,688],{"type":20,"tag":130,"props":680,"children":681},{},[682],{"type":20,"tag":307,"props":683,"children":685},{"className":684},[],[686],{"type":26,"value":687},"--slim",{"type":20,"tag":130,"props":689,"children":690},{},[691],{"type":26,"value":692},"精简模式，仅加载核心工具集",{"type":20,"tag":108,"props":694,"children":695},{},[696,705],{"type":20,"tag":130,"props":697,"children":698},{},[699],{"type":20,"tag":307,"props":700,"children":702},{"className":701},[],[703],{"type":26,"value":704},"--categoryEmulation",{"type":20,"tag":130,"props":706,"children":707},{},[708],{"type":26,"value":709},"设备\u002F网络模拟工具（默认开启）",{"type":20,"tag":108,"props":711,"children":712},{},[713,722],{"type":20,"tag":130,"props":714,"children":715},{},[716],{"type":20,"tag":307,"props":717,"children":719},{"className":718},[],[720],{"type":26,"value":721},"--categoryPerformance",{"type":20,"tag":130,"props":723,"children":724},{},[725],{"type":26,"value":726},"性能追踪工具（默认开启）",{"type":20,"tag":108,"props":728,"children":729},{},[730,739],{"type":20,"tag":130,"props":731,"children":732},{},[733],{"type":20,"tag":307,"props":734,"children":736},{"className":735},[],[737],{"type":26,"value":738},"--categoryNetwork",{"type":20,"tag":130,"props":740,"children":741},{},[742],{"type":26,"value":743},"网络检查工具（默认开启）",{"type":20,"tag":108,"props":745,"children":746},{},[747,756],{"type":20,"tag":130,"props":748,"children":749},{},[750],{"type":20,"tag":307,"props":751,"children":753},{"className":752},[],[754],{"type":26,"value":755},"--categoryExtensions",{"type":20,"tag":130,"props":757,"children":758},{},[759],{"type":26,"value":760},"启用扩展调试能力",{"type":20,"tag":40,"props":762,"children":764},{"id":763},"配置示例",[765],{"type":26,"value":763},{"type":20,"tag":34,"props":767,"children":768},{},[769,774],{"type":20,"tag":52,"props":770,"children":771},{},[772],{"type":26,"value":773},"默认模式（启动新 Chrome，有界面，持久化状态）",{"type":26,"value":775},"：无需任何配置，插件已默认此行为。",{"type":20,"tag":34,"props":777,"children":778},{},[779,784],{"type":20,"tag":52,"props":780,"children":781},{},[782],{"type":26,"value":783},"无头 + 隔离模式（CI\u002FCD）",{"type":26,"value":785},"：",{"type":20,"tag":298,"props":787,"children":792},{"className":788,"code":790,"language":791,"meta":304},[789],"language-json","{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--headless=true\", \"--isolated=true\"]\n    }\n  }\n}\n","json",[793],{"type":20,"tag":307,"props":794,"children":795},{"__ignoreMap":304},[796],{"type":26,"value":790},{"type":20,"tag":34,"props":798,"children":799},{},[800,805],{"type":20,"tag":52,"props":801,"children":802},{},[803],{"type":26,"value":804},"连接已有 Chrome",{"type":26,"value":785},{"type":20,"tag":298,"props":807,"children":810},{"className":808,"code":809,"language":791,"meta":304},[789],"{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--browserUrl=http:\u002F\u002F127.0.0.1:9222\"]\n    }\n  }\n}\n",[811],{"type":20,"tag":307,"props":812,"children":813},{"__ignoreMap":304},[814],{"type":26,"value":809},{"type":20,"tag":206,"props":816,"children":817},{},[],{"type":20,"tag":28,"props":819,"children":821},{"id":820},"安装",[822],{"type":26,"value":820},{"type":20,"tag":34,"props":824,"children":825},{},[826,828,834],{"type":26,"value":827},"Claude Code 内置了插件市场，通过 ",{"type":20,"tag":307,"props":829,"children":831},{"className":830},[],[832],{"type":26,"value":833},"\u002Fplugin",{"type":26,"value":835}," 命令即可安装，无需手动 clone 仓库或编写 MCP 配置。",{"type":20,"tag":34,"props":837,"children":838},{},[839],{"type":26,"value":840},"在 Claude Code 中输入：",{"type":20,"tag":298,"props":842,"children":846},{"className":843,"code":845,"language":26},[844],"language-text","\u002Fplugin\n",[847],{"type":20,"tag":307,"props":848,"children":849},{"__ignoreMap":304},[850],{"type":26,"value":845},{"type":20,"tag":34,"props":852,"children":853},{},[854,856,861],{"type":26,"value":855},"在弹出的插件列表中搜索 ",{"type":20,"tag":52,"props":857,"children":858},{},[859],{"type":26,"value":860},"chrome-devtools-mcp",{"type":26,"value":862},"，点击 Install。",{"type":20,"tag":34,"props":864,"children":865},{},[866],{"type":26,"value":867},"或者用命令行：",{"type":20,"tag":298,"props":869,"children":872},{"className":870,"code":871,"language":303,"meta":304},[301],"claude plugins install chrome-devtools-mcp@claude-plugins-official\n",[873],{"type":20,"tag":307,"props":874,"children":875},{"__ignoreMap":304},[876],{"type":26,"value":871},{"type":20,"tag":34,"props":878,"children":879},{},[880],{"type":26,"value":881},"安装完成后重启 Claude Code 即可生效。",{"type":20,"tag":28,"props":883,"children":885},{"id":884},"自定义参数配置",[886],{"type":26,"value":884},{"type":20,"tag":34,"props":888,"children":889},{},[890,895,897,903],{"type":20,"tag":307,"props":891,"children":893},{"className":892},[],[894],{"type":26,"value":833},{"type":26,"value":896}," 安装使用默认参数，适合大多数场景。如果需要自定义参数（如无头模式、连接已有 Chrome 等），需要在设置文件中手动添加 ",{"type":20,"tag":307,"props":898,"children":900},{"className":899},[],[901],{"type":26,"value":902},"mcpServers",{"type":26,"value":904}," 配置。",{"type":20,"tag":40,"props":906,"children":908},{"id":907},"配置文件位置",[909],{"type":26,"value":907},{"type":20,"tag":34,"props":911,"children":912},{},[913],{"type":26,"value":914},"Claude Code 有两个级别的设置文件：",{"type":20,"tag":100,"props":916,"children":917},{},[918,939],{"type":20,"tag":104,"props":919,"children":920},{},[921],{"type":20,"tag":108,"props":922,"children":923},{},[924,929,934],{"type":20,"tag":112,"props":925,"children":926},{},[927],{"type":26,"value":928},"文件",{"type":20,"tag":112,"props":930,"children":931},{},[932],{"type":26,"value":933},"路径",{"type":20,"tag":112,"props":935,"children":936},{},[937],{"type":26,"value":938},"作用范围",{"type":20,"tag":123,"props":940,"children":941},{},[942,967,992],{"type":20,"tag":108,"props":943,"children":944},{},[945,953,962],{"type":20,"tag":130,"props":946,"children":947},{},[948],{"type":20,"tag":52,"props":949,"children":950},{},[951],{"type":26,"value":952},"用户级",{"type":20,"tag":130,"props":954,"children":955},{},[956],{"type":20,"tag":307,"props":957,"children":959},{"className":958},[],[960],{"type":26,"value":961},"~\u002F.claude\u002Fsettings.json",{"type":20,"tag":130,"props":963,"children":964},{},[965],{"type":26,"value":966},"对所有项目生效",{"type":20,"tag":108,"props":968,"children":969},{},[970,978,987],{"type":20,"tag":130,"props":971,"children":972},{},[973],{"type":20,"tag":52,"props":974,"children":975},{},[976],{"type":26,"value":977},"项目级",{"type":20,"tag":130,"props":979,"children":980},{},[981],{"type":20,"tag":307,"props":982,"children":984},{"className":983},[],[985],{"type":26,"value":986},"\u003C项目根目录>\u002F.claude\u002Fsettings.json",{"type":20,"tag":130,"props":988,"children":989},{},[990],{"type":26,"value":991},"仅对当前项目生效",{"type":20,"tag":108,"props":993,"children":994},{},[995,1003,1012],{"type":20,"tag":130,"props":996,"children":997},{},[998],{"type":20,"tag":52,"props":999,"children":1000},{},[1001],{"type":26,"value":1002},"用户本地",{"type":20,"tag":130,"props":1004,"children":1005},{},[1006],{"type":20,"tag":307,"props":1007,"children":1009},{"className":1008},[],[1010],{"type":26,"value":1011},"~\u002F.claude\u002Fsettings.local.json",{"type":20,"tag":130,"props":1013,"children":1014},{},[1015],{"type":26,"value":1016},"本地覆盖，不提交 Git",{"type":20,"tag":312,"props":1018,"children":1019},{},[1020],{"type":20,"tag":34,"props":1021,"children":1022},{},[1023,1025,1030,1032,1036,1038,1043],{"type":26,"value":1024},"优先级：项目级 > 用户本地 > 用户级。推荐将 ",{"type":20,"tag":307,"props":1026,"children":1028},{"className":1027},[],[1029],{"type":26,"value":902},{"type":26,"value":1031}," 配置写在",{"type":20,"tag":52,"props":1033,"children":1034},{},[1035],{"type":26,"value":952},{"type":26,"value":1037}," ",{"type":20,"tag":307,"props":1039,"children":1041},{"className":1040},[],[1042],{"type":26,"value":961},{"type":26,"value":1044}," 中，一次配置到处可用。",{"type":20,"tag":40,"props":1046,"children":1048},{"id":1047},"配置示例-1",[1049],{"type":26,"value":763},{"type":20,"tag":34,"props":1051,"children":1052},{},[1053,1057],{"type":20,"tag":52,"props":1054,"children":1055},{},[1056],{"type":26,"value":783},{"type":26,"value":785},{"type":20,"tag":34,"props":1059,"children":1060},{},[1061,1063,1068],{"type":26,"value":1062},"在 ",{"type":20,"tag":307,"props":1064,"children":1066},{"className":1065},[],[1067],{"type":26,"value":961},{"type":26,"value":1069}," 中添加：",{"type":20,"tag":298,"props":1071,"children":1073},{"className":1072,"code":790,"language":791,"meta":304},[789],[1074],{"type":20,"tag":307,"props":1075,"children":1076},{"__ignoreMap":304},[1077],{"type":26,"value":790},{"type":20,"tag":34,"props":1079,"children":1080},{},[1081,1086],{"type":20,"tag":52,"props":1082,"children":1083},{},[1084],{"type":26,"value":1085},"连接已有 Chrome（共享 Cookie 和登录状态）",{"type":26,"value":785},{"type":20,"tag":298,"props":1088,"children":1090},{"className":1089,"code":809,"language":791,"meta":304},[789],[1091],{"type":20,"tag":307,"props":1092,"children":1093},{"__ignoreMap":304},[1094],{"type":26,"value":809},{"type":20,"tag":34,"props":1096,"children":1097},{},[1098,1103],{"type":20,"tag":52,"props":1099,"children":1100},{},[1101],{"type":26,"value":1102},"自定义 Chrome 路径",{"type":26,"value":785},{"type":20,"tag":298,"props":1105,"children":1108},{"className":1106,"code":1107,"language":791,"meta":304},[789],"{\n  \"mcpServers\": {\n    \"chrome-devtools\": {\n      \"command\": \"npx\",\n      \"args\": [\"chrome-devtools-mcp@latest\", \"--executablePath=C:\\\\你的Chrome路径\\\\chrome.exe\"]\n    }\n  }\n}\n",[1109],{"type":20,"tag":307,"props":1110,"children":1111},{"__ignoreMap":304},[1112],{"type":26,"value":1107},{"type":20,"tag":40,"props":1114,"children":1116},{"id":1115},"与-plugin-安装的关系",[1117,1119,1124],{"type":26,"value":1118},"与 ",{"type":20,"tag":307,"props":1120,"children":1122},{"className":1121},[],[1123],{"type":26,"value":833},{"type":26,"value":1125}," 安装的关系",{"type":20,"tag":100,"props":1127,"children":1128},{},[1129,1144],{"type":20,"tag":104,"props":1130,"children":1131},{},[1132],{"type":20,"tag":108,"props":1133,"children":1134},{},[1135,1140],{"type":20,"tag":112,"props":1136,"children":1137},{},[1138],{"type":26,"value":1139},"方式",{"type":20,"tag":112,"props":1141,"children":1142},{},[1143],{"type":26,"value":369},{"type":20,"tag":123,"props":1145,"children":1146},{},[1147,1165,1190],{"type":20,"tag":108,"props":1148,"children":1149},{},[1150,1160],{"type":20,"tag":130,"props":1151,"children":1152},{},[1153,1158],{"type":20,"tag":307,"props":1154,"children":1156},{"className":1155},[],[1157],{"type":26,"value":833},{"type":26,"value":1159}," 安装（推荐）",{"type":20,"tag":130,"props":1161,"children":1162},{},[1163],{"type":26,"value":1164},"Claude Code 统一管理，默认参数开箱即用",{"type":20,"tag":108,"props":1166,"children":1167},{},[1168,1185],{"type":20,"tag":130,"props":1169,"children":1170},{},[1171,1176,1178,1183],{"type":20,"tag":307,"props":1172,"children":1174},{"className":1173},[],[1175],{"type":26,"value":833},{"type":26,"value":1177}," + ",{"type":20,"tag":307,"props":1179,"children":1181},{"className":1180},[],[1182],{"type":26,"value":902},{"type":26,"value":1184}," 配置",{"type":20,"tag":130,"props":1186,"children":1187},{},[1188],{"type":26,"value":1189},"插件管理安装和更新，配置文件覆盖默认参数",{"type":20,"tag":108,"props":1191,"children":1192},{},[1193,1204],{"type":20,"tag":130,"props":1194,"children":1195},{},[1196,1198,1203],{"type":26,"value":1197},"纯手动 ",{"type":20,"tag":307,"props":1199,"children":1201},{"className":1200},[],[1202],{"type":26,"value":902},{"type":26,"value":1184},{"type":20,"tag":130,"props":1205,"children":1206},{},[1207],{"type":26,"value":1208},"自己管理 npx 版本，可能与插件系统冲突",{"type":20,"tag":312,"props":1210,"children":1211},{},[1212],{"type":20,"tag":34,"props":1213,"children":1214},{},[1215,1217,1222,1224,1230,1232,1237],{"type":26,"value":1216},"如果之前启用了 ",{"type":20,"tag":307,"props":1218,"children":1220},{"className":1219},[],[1221],{"type":26,"value":833},{"type":26,"value":1223}," 中的 chrome-devtools-mcp，同时又在 ",{"type":20,"tag":307,"props":1225,"children":1227},{"className":1226},[],[1228],{"type":26,"value":1229},"settings.json",{"type":26,"value":1231}," 中手动配置了同名的 ",{"type":20,"tag":307,"props":1233,"children":1235},{"className":1234},[],[1236],{"type":26,"value":902},{"type":26,"value":1238},"，两者会冲突。建议只保留一种方式。",{"type":20,"tag":40,"props":1240,"children":1242},{"id":1241},"让-claude-帮你配置",[1243],{"type":26,"value":1244},"让 Claude 帮你配置",{"type":20,"tag":34,"props":1246,"children":1247},{},[1248],{"type":26,"value":1249},"如果你不确定该怎么写配置，或者不想手动编辑 JSON，可以直接对 Claude 说：",{"type":20,"tag":312,"props":1251,"children":1252},{},[1253],{"type":20,"tag":34,"props":1254,"children":1255},{},[1256],{"type":20,"tag":52,"props":1257,"children":1258},{},[1259],{"type":26,"value":1260},"\"帮我配置 chrome-devtools-mcp 使用已有 Chrome（已开启 9222 端口）\"",{"type":20,"tag":312,"props":1262,"children":1263},{},[1264],{"type":20,"tag":34,"props":1265,"children":1266},{},[1267],{"type":20,"tag":52,"props":1268,"children":1269},{},[1270],{"type":26,"value":1271},"\"帮我配置 chrome-devtools-mcp 为无头模式\"",{"type":20,"tag":312,"props":1273,"children":1274},{},[1275],{"type":20,"tag":34,"props":1276,"children":1277},{},[1278],{"type":20,"tag":52,"props":1279,"children":1280},{},[1281],{"type":26,"value":1282},"\"帮我配置 chrome-devtools-mcp，使用指定的 Chrome 路径\"",{"type":20,"tag":34,"props":1284,"children":1285},{},[1286],{"type":26,"value":1287},"Claude 会自动读取当前设置文件，合并配置，避免冲突。",{"type":20,"tag":28,"props":1289,"children":1291},{"id":1290},"验证安装",[1292],{"type":26,"value":1290},{"type":20,"tag":34,"props":1294,"children":1295},{},[1296,1298,1303,1305,1310],{"type":26,"value":1297},"在 Claude Code 中输入 ",{"type":20,"tag":307,"props":1299,"children":1301},{"className":1300},[],[1302],{"type":26,"value":833},{"type":26,"value":1304},"，确认 ",{"type":20,"tag":307,"props":1306,"children":1308},{"className":1307},[],[1309],{"type":26,"value":860},{"type":26,"value":1311}," 显示为绿色 ✓ 已启用状态。",{"type":20,"tag":34,"props":1313,"children":1314},{},[1315],{"type":26,"value":1316},"安装后首次调用任意浏览器工具时，插件会自动启动 Chrome。",{"type":20,"tag":28,"props":1318,"children":1320},{"id":1319},"可用工具",[1321],{"type":26,"value":1319},{"type":20,"tag":100,"props":1323,"children":1324},{},[1325,1340],{"type":20,"tag":104,"props":1326,"children":1327},{},[1328],{"type":20,"tag":108,"props":1329,"children":1330},{},[1331,1336],{"type":20,"tag":112,"props":1332,"children":1333},{},[1334],{"type":26,"value":1335},"工具",{"type":20,"tag":112,"props":1337,"children":1338},{},[1339],{"type":26,"value":369},{"type":20,"tag":123,"props":1341,"children":1342},{},[1343,1360,1377,1394,1432,1456,1473,1490,1507,1524,1548,1565,1582],{"type":20,"tag":108,"props":1344,"children":1345},{},[1346,1355],{"type":20,"tag":130,"props":1347,"children":1348},{},[1349],{"type":20,"tag":307,"props":1350,"children":1352},{"className":1351},[],[1353],{"type":26,"value":1354},"navigate_page",{"type":20,"tag":130,"props":1356,"children":1357},{},[1358],{"type":26,"value":1359},"导航到 URL、前进后退、刷新",{"type":20,"tag":108,"props":1361,"children":1362},{},[1363,1372],{"type":20,"tag":130,"props":1364,"children":1365},{},[1366],{"type":20,"tag":307,"props":1367,"children":1369},{"className":1368},[],[1370],{"type":26,"value":1371},"take_screenshot",{"type":20,"tag":130,"props":1373,"children":1374},{},[1375],{"type":26,"value":1376},"全页或元素截图",{"type":20,"tag":108,"props":1378,"children":1379},{},[1380,1389],{"type":20,"tag":130,"props":1381,"children":1382},{},[1383],{"type":20,"tag":307,"props":1384,"children":1386},{"className":1385},[],[1387],{"type":26,"value":1388},"take_snapshot",{"type":20,"tag":130,"props":1390,"children":1391},{},[1392],{"type":26,"value":1393},"获取页面无障碍树文本快照",{"type":20,"tag":108,"props":1395,"children":1396},{},[1397,1427],{"type":20,"tag":130,"props":1398,"children":1399},{},[1400,1406,1407,1413,1414,1420,1421],{"type":20,"tag":307,"props":1401,"children":1403},{"className":1402},[],[1404],{"type":26,"value":1405},"click",{"type":26,"value":586},{"type":20,"tag":307,"props":1408,"children":1410},{"className":1409},[],[1411],{"type":26,"value":1412},"fill",{"type":26,"value":586},{"type":20,"tag":307,"props":1415,"children":1417},{"className":1416},[],[1418],{"type":26,"value":1419},"hover",{"type":26,"value":586},{"type":20,"tag":307,"props":1422,"children":1424},{"className":1423},[],[1425],{"type":26,"value":1426},"drag",{"type":20,"tag":130,"props":1428,"children":1429},{},[1430],{"type":26,"value":1431},"元素交互",{"type":20,"tag":108,"props":1433,"children":1434},{},[1435,1451],{"type":20,"tag":130,"props":1436,"children":1437},{},[1438,1444,1445],{"type":20,"tag":307,"props":1439,"children":1441},{"className":1440},[],[1442],{"type":26,"value":1443},"press_key",{"type":26,"value":586},{"type":20,"tag":307,"props":1446,"children":1448},{"className":1447},[],[1449],{"type":26,"value":1450},"type_text",{"type":20,"tag":130,"props":1452,"children":1453},{},[1454],{"type":26,"value":1455},"键盘操作",{"type":20,"tag":108,"props":1457,"children":1458},{},[1459,1468],{"type":20,"tag":130,"props":1460,"children":1461},{},[1462],{"type":20,"tag":307,"props":1463,"children":1465},{"className":1464},[],[1466],{"type":26,"value":1467},"evaluate_script",{"type":20,"tag":130,"props":1469,"children":1470},{},[1471],{"type":26,"value":1472},"执行 JavaScript",{"type":20,"tag":108,"props":1474,"children":1475},{},[1476,1485],{"type":20,"tag":130,"props":1477,"children":1478},{},[1479],{"type":20,"tag":307,"props":1480,"children":1482},{"className":1481},[],[1483],{"type":26,"value":1484},"list_network_requests",{"type":20,"tag":130,"props":1486,"children":1487},{},[1488],{"type":26,"value":1489},"查看网络请求",{"type":20,"tag":108,"props":1491,"children":1492},{},[1493,1502],{"type":20,"tag":130,"props":1494,"children":1495},{},[1496],{"type":20,"tag":307,"props":1497,"children":1499},{"className":1498},[],[1500],{"type":26,"value":1501},"get_network_request",{"type":20,"tag":130,"props":1503,"children":1504},{},[1505],{"type":26,"value":1506},"获取请求\u002F响应详情",{"type":20,"tag":108,"props":1508,"children":1509},{},[1510,1519],{"type":20,"tag":130,"props":1511,"children":1512},{},[1513],{"type":20,"tag":307,"props":1514,"children":1516},{"className":1515},[],[1517],{"type":26,"value":1518},"list_console_messages",{"type":20,"tag":130,"props":1520,"children":1521},{},[1522],{"type":26,"value":1523},"查看控制台日志",{"type":20,"tag":108,"props":1525,"children":1526},{},[1527,1543],{"type":20,"tag":130,"props":1528,"children":1529},{},[1530,1536,1537],{"type":20,"tag":307,"props":1531,"children":1533},{"className":1532},[],[1534],{"type":26,"value":1535},"performance_start_trace",{"type":26,"value":586},{"type":20,"tag":307,"props":1538,"children":1540},{"className":1539},[],[1541],{"type":26,"value":1542},"stop_trace",{"type":20,"tag":130,"props":1544,"children":1545},{},[1546],{"type":26,"value":1547},"性能录制",{"type":20,"tag":108,"props":1549,"children":1550},{},[1551,1560],{"type":20,"tag":130,"props":1552,"children":1553},{},[1554],{"type":20,"tag":307,"props":1555,"children":1557},{"className":1556},[],[1558],{"type":26,"value":1559},"performance_analyze_insight",{"type":20,"tag":130,"props":1561,"children":1562},{},[1563],{"type":26,"value":1564},"分析性能洞见",{"type":20,"tag":108,"props":1566,"children":1567},{},[1568,1577],{"type":20,"tag":130,"props":1569,"children":1570},{},[1571],{"type":20,"tag":307,"props":1572,"children":1574},{"className":1573},[],[1575],{"type":26,"value":1576},"lighthouse_audit",{"type":20,"tag":130,"props":1578,"children":1579},{},[1580],{"type":26,"value":1581},"Lighthouse 审计",{"type":20,"tag":108,"props":1583,"children":1584},{},[1585,1594],{"type":20,"tag":130,"props":1586,"children":1587},{},[1588],{"type":20,"tag":307,"props":1589,"children":1591},{"className":1590},[],[1592],{"type":26,"value":1593},"emulate",{"type":20,"tag":130,"props":1595,"children":1596},{},[1597],{"type":26,"value":1598},"设备\u002F网络模拟",{"type":20,"tag":28,"props":1600,"children":1602},{"id":1601},"卸载",[1603],{"type":26,"value":1601},{"type":20,"tag":298,"props":1605,"children":1608},{"className":1606,"code":1607,"language":303,"meta":304},[301],"claude plugins uninstall chrome-devtools-mcp@claude-plugins-official\n",[1609],{"type":20,"tag":307,"props":1610,"children":1611},{"__ignoreMap":304},[1612],{"type":26,"value":1607},1787799115492]