Obscura 實測：Rust 打造的 AI Agent 無頭瀏覽器，30MB 記憶體秒殺 Chrome

TL;DR：Obscura 是一個用 Rust 從零打造的開源無頭瀏覽器引擎，專為 AI Agent 和網頁爬蟲設計。記憶體僅佔 30MB（Chrome 動輒 2GB+）、啟動只需 85ms、安裝包僅 70MB。完全相容 Chrome DevTools Protocol（CDP），可直接替代 Headless Chrome 配合 Puppeteer/Playwright 使用。GitHub 已獲 22,000+ Star，甚至啟發了 Cloudflare Kitesurf 的首個原型。本文覆蓋完整技術解析、安裝教學、AI Agent 整合實戰和效能基準測試。

一、Headless Chrome 的三大痛點

如果你正在執行 AI Agent 做網頁抓取、自動化測試或資料蒐集，大概率在用 Headless Chrome。但它有幾個越來越難以忍受的問題：

1. 記憶體黑洞 Chrome 的多行程架構意味著每個分頁都是獨立行程。跑 10 個併發抓取任務？輕鬆吃掉 2-4GB 記憶體。在雲端伺服器上，這意味著更高的執行個體成本。

2. 啟動慢如蝸牛 冷啟動 Headless Chrome 通常需要 2-5 秒。對於需要頻繁啟停的 AI Agent 工作流程（比如每次工具呼叫都開一個新瀏覽器），這個延遲是致命的。

3. 部署噩夢 Chrome 二進位檔案超過 300MB，還需要一堆系統依賴（libX11、libnss3、libatk-bridge2.0...）。在 Docker 映像檔裡裝 Chrome，映像檔體積輕鬆突破 1GB。

這些不是邊緣問題——它們是 AI Agent 大規模部署的核心瓶頸。

二、Obscura 是什麼：Rust 重寫的瀏覽器引擎

Obscura 由 h4ckf0r0day 於 2026 年 4 月發佈，用 Rust 從零實現了一個無頭瀏覽器引擎。它不是 Chrome 的包裝器，而是真正的替代品：

• 內嵌 V8 引擎：直接執行 JavaScript，不依賴任何外部瀏覽器
• 原生渲染引擎：支援 CSS 佈局、截圖、PDF 匯出，無需 Chromium
• 完整 CDP 相容：Puppeteer 和 Playwright 可以直接連線使用
• 內建反偵測：指紋隨機化、tracker 攔截、navigator.webdriver = undefined

核心資料一覽

GitHub Star 已達 22,000+，Fork 1,600+，甚至啟發了 Cloudflare 的 Kitesurf 專案——Cloudflare 在開發其 Agent 專用瀏覽器時，首先將 Obscura 移植到了 Workers 上。

三、技術架構：Rust 實現的秘密

Obscura 的架構設計圍繞三個核心原則：零依賴、記憶體安全、極致效能。

3.1 V8 引擎內嵌

Obscura 直接編譯並嵌入 V8 JavaScript 引擎（和 Chrome 同一個 JS 引擎）。這意味著：

• 完整的 ES2024+ 支援
• WebAssembly 相容
• 原生執行效能，無直譯器開銷

// 簡化的架構示意（實際程式碼在 obscura-core crate 中）
pub struct ObscuraEngine {
    v8_runtime: v8::Runtime,
    dom: Html5everDom,
    renderer: NativeRenderer,
    cdp_server: CdpHandler,
}

3.2 原生渲染引擎

與 Puppeteer/Playwright 依賴 Chromium 的 Blink 渲染引擎不同，Obscura 實現了自己的渲染管線：

• 佈局引擎：支援 Flexbox、Grid、Table、Float、Positioning
• 繪製引擎：CSS 背景、邊框、漸層、SVG、Canvas
• 截圖/PDF：原生支援視窗截圖、全頁截圖、PDF 匯出

目前實現覆蓋了主流 CSS 路徑，但長尾特性（如媒體播放、合成器特效）可能與 Chromium 有差異。

3.3 CDP 協議完整實現

Obscura 實現了 Chrome DevTools Protocol 的核心域，使其成為 Puppeteer/Playwright 的真正替代品：

這意味著你現有的 Puppeteer/Playwright 程式碼幾乎不需要修改就能切換到 Obscura。

四、安裝與快速上手

4.1 下載預編譯二進位（推薦）

# Linux x86_64
curl -LO https://github.com/h4ckf0r0day/obscura/releases/latest/download/obscura-x86_64-linux.tar.gz
tar xzf obscura-x86_64-linux.tar.gz
./obscura --version

# macOS Apple Silicon
curl -LO https://github.com/h4ckf0r0day/obscura/releases/latest/download/obscura-aarch64-macos.tar.gz
tar xzf obscura-aarch64-macos.tar.gz

# Arch Linux
yay -S obscura-browser

# NixOS
nix-env -iA nixpkgs.obscura

零依賴：不需要 Chrome、不需要 Node.js、不需要系統庫。下載即用。

4.2 Docker 部署

docker run -d --name obscura -p 127.0.0.1:9222:9222 h4ckf0r0day/obscura

映像檔基於 distroless/cc，無 shell、無套件管理器，壓縮後僅 ~57MB。

4.3 從原始碼建構

git clone https://github.com/h4ckf0r0day/obscura.git
cd obscura

# 帶渲染引擎
cargo build --release -p obscura-cli --bins --features render

# 帶渲染 + 反偵測
cargo build --release -p obscura-cli --bins --features render,stealth

需要 Rust 1.75+。首次建構約 5 分鐘（V8 從原始碼編譯，之後會快取）。

4.4 第一個指令

# 取得頁面標題
./obscura fetch https://example.com --eval "document.title"

# 提取所有連結
./obscura fetch https://example.com --dump links

# 渲染 JavaScript 並輸出 HTML
./obscura fetch https://news.ycombinator.com --dump html

# 截圖
./obscura fetch https://example.com -s page.png

五、AI Agent 整合實戰

Obscura 最強大的場景是與 AI Agent 框架整合。以下是三種主流整合方式。

5.1 配合 Puppeteer 使用

# 啟動 CDP 伺服器
./obscura serve --port 9222

// agent-browser.js
import puppeteer from 'puppeteer-core';

const browser = await puppeteer.connect({
  browserWSEndpoint: 'ws://127.0.0.1:9222/devtools/browser',
});

const page = await browser.newPage();
await page.goto('https://news.ycombinator.com');

// AI Agent 可以呼叫這個函數取得頁面內容
async function extractPageContent(url) {
  await page.goto(url, { waitUntil: 'networkidle2' });

  return {
    title: await page.title(),
    text: await page.evaluate(() => document.body.innerText),
    links: await page.evaluate(() => 
      Array.from(document.querySelectorAll('a'))
        .map(a => ({ text: a.innerText, href: a.href }))
        .slice(0, 50)
    ),
  };
}

// 範例：抓取 Hacker News 頭條
const stories = await page.evaluate(() =>
  Array.from(document.querySelectorAll('.titleline > a'))
    .map(a => ({ title: a.textContent, url: a.href }))
);
console.log(stories.slice(0, 5));

await browser.disconnect();

5.2 配合 Playwright 使用

import { chromium } from 'playwright-core';

const browser = await chromium.connectOverCDP({
  endpointURL: 'ws://127.0.0.1:9222',
});

const context = await browser.newContext();
const page = await context.newPage();

await page.goto('https://en.wikipedia.org/wiki/Web_scraping');
console.log(await page.title());

// 表單提交和登入
await page.goto('https://quotes.toscrape.com/login');
await page.evaluate(() => {
  document.querySelector('#username').value = 'admin';
  document.querySelector('#password').value = 'admin';
  document.querySelector('form').submit();
});
// Obscura 處理 POST、跟隨 302 重新導向、維護 cookies

await browser.close();

5.3 MCP Server 整合

Obscura 內建 MCP（Model Context Protocol）伺服器，可以直接被 Claude、GPT 等 AI 模型呼叫：

# 啟動 MCP 伺服器
./obscura mcp --port 8080

然後在你的 AI Agent 設定中註冊這個 MCP 伺服器。AI 模型可以直接呼叫瀏覽器能力：

• fetch(url) - 取得頁面內容
• screenshot(url) - 截圖
• evaluate(js) - 執行 JavaScript
• click(selector) - 點選元素
• fill(selector, value) - 填充表單

六、網頁爬蟲實戰

6.1 併行抓取

# 併行抓取多個 URL
./obscura scrape \
  https://example.com \
  https://news.ycombinator.com \
  https://github.com/trending \
  --concurrency 25 \
  --eval "document.querySelector('h1')?.textContent || document.title" \
  --format json

6.2 反偵測模式

# 啟動帶反偵測的 CDP 伺服器
./obscura serve --port 9222 --stealth

反偵測特性包括：

• 指紋隨機化：GPU、螢幕、Canvas、Audio、Battery 每次工作階段都不同
• 真實 User-Agent：navigator.userAgentData 顯示 Chrome 145
• 事件可信：event.isTrusted = true
• 隱藏內部屬性：Object.keys(window) 安全
• 原生函數偽裝：Function.prototype.toString() 回傳 [native code]
• webdriver 隱藏：navigator.webdriver = undefined（與真實 Chrome 一致）
• Tracker 攔截：內建 3,520 個網域黑名單，阻止分析、廣告、遙測腳本

6.3 代理支援

# 透過 SOCKS5 代理抓取
./obscura --proxy socks5://127.0.0.1:1080 fetch https://example.com --dump text

# 透過 HTTP 代理
./obscura --proxy http://127.0.0.1:8080 scrape https://example.com https://news.ycombinator.com

6.4 等待動態內容

# 等待網路空閒（適合 SPA）
./obscura fetch https://spa-example.com --wait-until networkidle0

# 等待特定選擇器出現
./obscura fetch https://example.com --wait-for ".content-loaded"

# 設定逾時
./obscura fetch https://slow-site.com --timeout 10

七、效能基準測試

我們在同一台伺服器（Ubuntu 22.04, 4 核 8GB）上對比了 Obscura 和 Headless Chrome 的效能表現。

7.1 頁面載入速度

7.2 記憶體佔用

Obscura 的記憶體成長幾乎是線性的，而 Chrome 的多行程架構導致記憶體佔用呈指數級成長。

7.3 啟動時間

7.4 部署體積

八、限制性與注意事項

Obscura 不是銀彈，以下場景需要謹慎評估：

8.1 渲染相容性

雖然 Obscura 覆蓋了主流 CSS 特性，但以下場景可能與 Chrome 有差異：

• 長尾 CSS 特性：某些實驗性或極少使用的 CSS 屬性可能未實現
• 媒體播放：影片/音訊播放不支援（無頭瀏覽器通常也不需要）
• WebGL/WebGPU：3D 圖形渲染可能不完整
• 字型渲染：平台特定的字型光柵化可能與 Chrome 不同

建議：如果你的目標網站使用了大量現代 CSS 特性或複雜動畫，先在 Obscura 上測試截圖效果。

8.2 JavaScript 相容性

Obscura 使用 V8 引擎，JavaScript 執行與 Chrome 一致。但：

• 瀏覽器 API：某些瀏覽器特定 API（如 Service Worker、WebRTC）可能未完全實現
• 擴充支援：不支援 Chrome 擴充

8.3 反偵測的邊界

Obscura 的反偵測能力很強，但：

• 進階指紋偵測：某些網站使用非常規指紋技術（如滑鼠移動軌跡分析），可能需要額外處理
• IP 信譽：反偵測只解決瀏覽器指紋問題，IP 信譽需要配合代理池

8.4 生產環境建議

• 監控記憶體：雖然 Obscura 記憶體佔用低，但長時間執行仍需監控
• 逾時設定：對於重型 SPA，調整 OBSCURA_SCRIPT_DEADLINE_MS 環境變數
• 日誌記錄：生產環境建議啟用結構化日誌便於排查問題

九、Obscura vs 其他方案

選擇建議：

• AI Agent / 大規模爬蟲 → Obscura（效能、記憶體、反偵測優勢明顯）
• 需要完整瀏覽器特性 → Headless Chrome（媒體、擴充、實驗性 API）
• 自動化測試 → Playwright（跨瀏覽器支援更好）
• 快速原型 → Puppeteer（API 簡單，社群資源豐富）

十、總結

Obscura 代表了無頭瀏覽器領域的一個重要突破。它證明了用 Rust 從零實現一個高效能、低資源佔用的瀏覽器引擎是可行的，而且可以完全相容現有的 CDP 生態。

核心優勢：

• ✅ 30MB 記憶體：Chrome 的 1/10，大規模併發不再是噩夢
• ✅ 85ms 啟動：AI Agent 工具呼叫的理想選擇
• ✅ 70MB 部署：Docker 映像檔從 1.2GB 降到 57MB
• ✅ 零依賴：不需要 Chrome、Node.js 或系統庫
• ✅ 完整 CDP：Puppeteer/Playwright 程式碼幾乎無需修改
• ✅ 內建反偵測：指紋隨機化 + Tracker 攔截

適用場景：

• AI Agent 網頁抓取和資料蒐集
• 大規模併行爬蟲
• 需要頻繁啟停瀏覽器的自動化工作流程
• 資源受限的雲端環境（邊緣運算、容器化部署）
• 需要反偵測的爬蟲場景

不適用場景：

• 需要完整瀏覽器特性（媒體播放、WebGL、擴充）
• 跨瀏覽器相容性測試（用 Playwright）
• 需要最新實驗性 Web API

Obscura 已經獲得 22,000+ Star，並啟發了 Cloudflare Kitesurf 專案。它正在從「實驗性替代品」成長為「生產級首選」。

如果你的 AI Agent 還在用 Headless Chrome，是時候試試 Obscura 了。

常見問題（FAQ）

1. Obscura 真的能完全替代 Headless Chrome 嗎？

對於 90% 的 AI Agent 和爬蟲場景，可以。Obscura 實現了完整的 CDP 協議，支援 JavaScript 執行、DOM 操作、網路攔截等核心功能。但如果你的場景依賴媒體播放、WebGL 或 Chrome 擴充，仍需要 Headless Chrome。

2. Obscura 的反偵測能力如何？會被網站識別嗎？

Obscura 內建了完整的反偵測方案：指紋隨機化、真實 User-Agent、navigator.webdriver = undefined、原生函數偽裝等。配合代理池使用，可以繞過大多數瀏覽器指紋偵測。但 IP 信譽、行為分析等需要額外方案。

3. 我的 Puppeteer/Playwright 程式碼需要修改嗎？

幾乎不需要。Obscura 實現了完整的 CDP 協議，你只需要將連線端點從 Chrome 改為 Obscura 的 CDP 伺服器（ws://127.0.0.1:9222），其他程式碼保持不變。

4. Obscura 的記憶體佔用真的只有 30MB 嗎？

是的，這是單頁面的基礎佔用。在 100 個併發頁面的壓力測試中，Obscura 佔用約 620MB，而 Chrome 超過 16GB。Obscura 的記憶體成長幾乎是線性的，而 Chrome 的多行程架構導致記憶體佔用呈指數級成長。

5. Obscura 適合生產環境嗎？

已經有很多生產級應用。Obscura 採用 Apache-2.0 授權條款，GitHub 22,000+ Star，Cloudflare Kitesurf 專案也基於它。建議在生產環境中監控記憶體使用、設定合理的逾時時間，並啟用結構化日誌。

參考連結：

• GitHub 儲存庫：https://github.com/h4ckf0r0day/obscura
• 官方文件：https://docs.obscura.sh
• Cloudflare Kitesurf：https://blog.cloudflare.com/kitesurf/
• CDP 協議文件：https://chromedevtools.github.io/devtools-protocol/