Chrome

核心用法

本技能聚焦 Chrome 生态的三大开发场景：DevTools Protocol 自动化、Extension Manifest V3 开发、性能与网络调试。CDP 部分强调先获取 tab 的 WebSocket URL 再连接，启用 Runtime 和 Page 域后再执行命令，以及高 DPI 截图、响应体单独获取等实操细节。Manifest V3 部分详解权限拆分（permissions vs host_permissions）、Service Worker 无状态特性（需用 chrome.storage.local 和 chrome.alarms）、内容脚本隔离与跨上下文通信方案。

显著优点

• 实战导向：每个知识点都附带"先做什么、后做什么"的明确顺序，如 Network.setBlockedURLs 必须在 Page.navigate 之前调用
• 陷阱覆盖：指出 CDP 直接连接 browser 端点、在 permissions 中使用通配符 URL、依赖全局变量保存状态等常见错误
• 版本兼容：提供 V2/V3 的检测方法（chrome.action vs chrome.browserAction）及上下文类型判断逻辑
• 性能工具链：完整的 performance.mark/measure + PerformanceObserver 方案，含内存泄漏预防（清理 marks）和布局抖动检测（16.67ms 阈值）

潜在局限

• 主要针对 Chromium 内核，部分 API（如 performance.memory）在其他浏览器可能不存在或行为不一致
• 安全上下文要求（HTTPS、window.isSecureContext）会限制本地开发场景
• CDP 需要 Chrome 以 --remote-debugging-port 启动，不适用于生产环境用户端场景
• 扩展存储有 QUOTA_EXCEEDED 风险，大数据处理需额外策略

适合人群

浏览器扩展开发者、Web 自动化测试工程师、性能优化专家、需要集成 Headless Chrome 的后端开发者

常规风险

• 自动化检测风险：依赖 navigator.vendor 检测可能被用户代理模拟绕过
• 跨域限制：CORS 错误在异步 fetch 中表现为通用 TypeError，需主动检查 Network 面板定位
• 权限模型变更：Manifest V3 的 Service Worker 生命周期变化可能导致定时任务丢失，需迁移至 chrome.alarms
• 混合内容阻断：HTTPS 页面加载 HTTP 资源静默失败，需前置协议检查

核心用法

本Skill聚焦两大Chrome开发核心领域：

Chrome DevTools Protocol (CDP) — 提供浏览器自动化调试的底层协议交互规范，包括WebSocket连接管理（必须先通过/json/list获取tab的webSocketDebuggerUrl）、域启用顺序（Runtime.enable/Page.enable前置）、异步命令流控、高DPI截图参数优化（fromSurface: true + scale: 2），以及网络响应体分离获取机制。

Chrome Extension Manifest V3 — 涵盖权限分离原则（permissions vs host_permissions）、Service Worker无状态设计（强制使用chrome.storage.local替代全局变量、chrome.alarms替代setInterval）、内容脚本隔离方案（chrome.scripting.executeScript + window.postMessage跨上下文通信），以及异步存储的Promise处理与配额错误管理。

辅助能力 包括：浏览器真实身份检测（排除Edge/Brave/Opera）、扩展运行上下文判定（content script/popup/background）、性能调试标记（performance.mark/measure）、布局抖动监测（>16.67ms阈值），以及网络安全上下文管理（Mixed Content/CORS/Secure Context）。

显著优点

• 工程实战导向：每个知识点均附带具体代码参数与执行顺序，非泛泛概念
• 规避常见故障：明确标注CDP连接误区、Manifest V2/V3 API差异、异步陷阱等高频踩坑点
• 现代标准覆盖：完整适配Manifest V3最新规范，而非遗留V2方案
• 性能安全意识：内置性能标记清理提醒、内存API条件检测等精细化建议

潜在局限性

• 无完整代码示例：以参数和模式说明为主，缺乏可运行的端到端Demo
• 版本绑定风险：CDP协议随Chrome版本演进，部分参数可能在新版中调整
• 生态兼容盲区：未涵盖Chromium衍生版（Edge、Brave）的特殊行为差异
• 调试工具链缺失：未推荐配套的CDP客户端库（如Puppeteer、Playwright的底层封装）

适合人群

• 开发浏览器自动化测试/爬虫的工程师（需绕过Puppeteer等高层抽象）
• 编写Chrome扩展的开发者（尤其迁移V2→V3的存量项目维护者）
• 前端性能优化工程师（需深度使用Performance API与DevTools数据）
• 安全研究员（需理解浏览器安全上下文与请求拦截机制）

常规风险

• 协议版本漂移：CDP为实验性协议，生产环境需锁定Chrome版本
• 扩展审核政策：Manifest V3的Service Worker限制可能与部分使用场景冲突（如后台持久连接）
• 权限最小化挑战：host_permissions与permissions分离设计易导致权限申请遗漏
• 跨域调试复杂：Network.setRequestInterception与CORS策略交互需精细处理