# 手动 Chrome 捕获指南

## 方案三完整流程

### 1️⃣ 启动真实 Chrome（带调试端口）

在您的本地机器或服务器上运行：

```bash
# Linux
google-chrome --remote-debugging-port=9222 https://www.techpowerup.com/gpu-specs/rtx-pro-6000-blackwell.c4272

# 或者使用已有的 Chrome 进程（需要先关闭所有 Chrome）
google-chrome-stable --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-debug
```

### 2️⃣ 手动验证（如 Cloudflare）

- 在浏览器中手动完成验证过程
- 等待页面完全加载
- 确认可以看到正常内容

### 3️⃣ 连接到 Chrome 并截图

验证完成后，运行脚本：

```bash
# 连接到 Chrome 并截图
python3.12 /tmp/connect_chrome.py techpowerup

# 或者捕获当前所有页面
python3.12 /tmp/connect_chrome.py
```

### 4️⃣ 查看结果

```bash
# 查看截图
ls -lh /tmp/chrome_capture_*.png

# 查看HTML
head -100 /tmp/chrome_html_0.html
```

## API 集成方案

如果需要通过 API 获取内容，可以：

1. 在服务代码中添加 CDP 连接选项
2. 用户先手动验证
3. API 连接到已验证的浏览器实例

## 注意事项

⚠️ **重要**：
- Chrome 必须带 `--remote-debugging-port=9222` 启动
- 所有 Chrome 进程必须先关闭（或使用新的 user-data-dir）
- 验证完成后才能运行脚本
- 截图后浏览器保持打开，可以继续使用

## 一键脚本

```bash
# 启动 Chrome 并等待用户验证
google-chrome --remote-debugging-port=9222 "https://www.techpowerup.com/gpu-specs/rtx-pro-6000-blackwell.c4272" &
echo "请在浏览器中完成验证，然后按 Enter 继续截图..."
read
python3.12 /tmp/connect_chrome.py techpowerup
```