用途:基于 Chrome DevTools Protocol 的代理辅助网页自动化工具,需连接在 :9222 开启远程调试的 Chrome,适用于与网页交互、测试前端、处理需 JavaScript 的页面及抓取动态内容。
主要能力:启动 Chrome(全新配置或用 --profile 复制用户配置以保留 cookies 与登录状态);导航 URL(--new 新标签打开);在活动标签执行 JavaScript(异步上下文,可提取数据、检查页面状态、操作 DOM);截取当前视口并返回临时文件路径;交互式元素选择(Cmd/Ctrl+Click 多选,回车结束,返回 CSS 选择器);显示当前标签全部 cookies 及 domain、path、httpOnly、secure 标志,便于调试认证或会话;提取页面可读内容为 Markdown(用 Mozilla Readability 做文章提取、Turndown 转 Markdown,等待页面加载以支持 JS 内容)。
使用方式:首次使用前在 {baseDir}/browser-tools 执行 npm install;随后用 {baseDir}/browser-start.js 启动 Chrome(可加 --profile)。导航用 {baseDir}/browser-nav.js https://example.com(可加 --new)。执行 JS 用 {baseDir}/browser-eval.js 'document.title'。截图用 {baseDir}/browser-screenshot.js。选元素用 {baseDir}/browser-pick.js "Click the submit button"。查看 cookies 用 {baseDir}/browser-cookies.js。提取内容用 {baseDir}/browser-content.js https://example.com。
适用场景:真实浏览器中测试前端代码、与需 JavaScript 的页面交互、让用户直观查看或操作页面、调试认证与会话问题、抓取需 JS 执行的动态内容。
限制:需 Chrome 以远程调试运行在 :9222;首次使用需先 npm install;其余平台与安全细节资料未提供。