Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
82ff8a2610 | ||
|
|
1e69e7ca57 | ||
|
|
951f941eee | ||
|
|
9c63887e10 | ||
|
|
e5ff90c46a | ||
|
|
2a9f187ce8 | ||
|
|
f7f14d7114 | ||
|
|
ef4d26f11b | ||
|
|
fc43e6e806 | ||
|
|
5783feb60d | ||
|
|
98ef180878 | ||
|
|
6b7e856e38 |
@@ -31,6 +31,9 @@ captures/
|
||||
*.png
|
||||
*.html
|
||||
|
||||
# 运行时数据(历史记录数据库 + 截图文件)
|
||||
data/
|
||||
|
||||
# 环境变量
|
||||
.env
|
||||
.env.local
|
||||
@@ -0,0 +1,43 @@
|
||||
# Web Capture API 项目
|
||||
|
||||
## 待推送信息
|
||||
|
||||
- **仓库地址**: http://121.40.164.32:12007/hz4th_coder/web-capture-api.git
|
||||
- **当前版本**: v1.0.2
|
||||
- **提交历史**:
|
||||
- v1.0.0: 初始化项目
|
||||
- v1.0.1: 修改端口为 16025
|
||||
- v1.0.2: 修复 agent-browser socket 权限问题
|
||||
|
||||
## 操作步骤
|
||||
|
||||
### 1. 在 Git 平台创建仓库
|
||||
|
||||
请大爷登录 Git 平台 (http://121.40.164.32:12007) 并创建仓库:
|
||||
- 仓库名称: `web-capture-api`
|
||||
- 所属用户: `hz4th_coder`
|
||||
- 可见性: 公开或私有(根据需要)
|
||||
|
||||
### 2. 推送代码
|
||||
|
||||
仓库创建后,运行以下命令:
|
||||
|
||||
```bash
|
||||
cd /home/openclaw/.openclaw/workspace-hz4th_coder/works/web-capture-api
|
||||
git push -u origin master --tags
|
||||
```
|
||||
|
||||
## 项目功能
|
||||
|
||||
- 网页截图(全页或视口)
|
||||
- HTML 代码提取
|
||||
- 自动滚动加载动态内容
|
||||
- 自定义视口大小
|
||||
- Web 界面和 RESTful API
|
||||
- 支持 agent-browser 和 Playwright 双后端
|
||||
- Docker 部署支持
|
||||
|
||||
## 服务地址
|
||||
|
||||
- Web 界面: http://192.168.0.101:16025
|
||||
- API 接口: http://192.168.0.101:16025/api/capture
|
||||
@@ -0,0 +1,69 @@
|
||||
# 手动 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
|
||||
```
|
||||
+872
-25
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user