69 lines
1.7 KiB
Markdown
69 lines
1.7 KiB
Markdown
# 手动 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
|
||
``` |