Media
5 items
Description
自動偵測並識別網頁驗證碼，支援多種 AI API (ChatGPT、Gemini、Ollama、LM Studio) Auto-Captcha Chrome Extension Version License Chrome 自動偵測並識別網頁驗證碼的 Chrome 擴充功能，支援多種 AI API。 ✨ 功能特色 🔍 智能偵測 - 自動掃描頁面尋找驗證碼圖片和輸入框 🤖 多 API 支援 - ChatGPT、Gemini、Ollama、LM Studio 📌 手動配置 - 可手動指定驗證碼元素位置 ⚡ 自動填入 - 識別結果自動填入輸入框 🔄 自動識別 - 頁面載入後自動偵測並識別驗證碼 🔘 重新識別按鈕 - 在輸入框旁顯示便捷按鈕 🌙 暗色主題 - 精美的設定介面 📦 安裝方式 從 Chrome Web Store 安裝 （即將上架） 從源碼安裝 下載或 clone 此專案 開啟 Chrome，前往 chrome://extensions/ 開啟右上角「開發人員模式」 點擊「載入未封裝項目」 選擇 Auto-Captcha 資料夾 ⚙️ API 設定 雲端 API OpenAI (ChatGPT) 前往 OpenAI API Keys 建立 API Key 在擴充功能設定中填入 API Key Gemini (Google AI) 前往 Google AI Studio 建立 API Key 在擴充功能設定中填入 API Key 本地 API Ollama 安裝 Ollama 下載支援視覺的模型：ollama pull glm-ocr:latest 設定 CORS 允許擴充功能存取（擇一方式）： 方式 A：永久設定（推薦） 透過系統環境變數永久生效，設定後 Ollama 每次啟動都會自動允許瀏覽器擴充功能存取： Windows 開啟「系統」→「進階系統設定」→「環境變數」 在「使用者變數」或「系統變數」中新增： 變數名稱：OLLAMA_ORIGINS 變數值：chrome-extension://* 確定後重新啟動 Ollama 或透過 PowerShell 一行設定： [Environment]::SetEnvironmentVariable("OLLAMA_ORIGINS", "chrome-extension://*", "User") 設定完成後需重新啟動 Ollama 才會生效。 macOS launchctl setenv OLLAMA_ORIGINS "chrome-extension://*" 設定後重新啟動 Ollama。 Linux (systemd) sudo systemctl edit ollama 在 [Service] 區塊中加入： [Service] Environment="OLLAMA_ORIGINS=chrome-extension://*" 儲存後重新載入並重啟： sudo systemctl daemon-reload sudo systemctl restart ollama 方式 B：臨時設定（僅當次有效） $env:OLLAMA_ORIGINS="chrome-extension://*" ollama serve 預設端點：http://localhost:11434 實測環境：Intel Core i7-14700 / 32GB RAM搭配 glm-ocr:latest 模型，驗證碼辨識功能運作正常。 LM Studio 安裝 LM Studio 下載並載入支援視覺的模型 啟動本地伺服器（預設端點：http://localhost:1234） 🚀 使用方式 自動模式 開啟包含驗證碼的網頁 擴充功能會自動偵測驗證碼 點擊擴充功能圖示 點擊「識別驗證碼」按鈕 結果會自動填入輸入框 全自動模式 在設定中開啟「偵測到驗證碼時自動識別」，頁面載入後會自動識別並填入。 手動模式 若自動偵測失敗： 點擊擴充功能圖示 點擊「選擇圖片」或「選擇輸入框」 在頁面上點擊對應元素 規則會自動儲存供下次使用 右鍵選單 在驗證碼圖片上右鍵 → 「識別此驗證碼」 在驗證碼圖片上右鍵 → 「設定為驗證碼圖片」 在輸入框上右鍵 → 「設定為驗證碼輸入框」 📁 專案結構 Auto-Captcha/ ├── manifest.json # 擴充功能設定 ├── background/ │ └── service-worker.js # 背景服務（含 Storage 和 API 處理） ├── content/ │ ├── detector.js # 驗證碼偵測 │ ├── selector.js # 元素選擇器 │ └── content.js # Content Script ├── popup/ │ ├── popup.html │ ├── popup.css │ └── popup.js ├── options/ │ ├── options.html │ ├── options.css │ └── options.js ├── lib/ │ ├── api-handler.js # API 處理（參考用） │ └── storage.js # 儲存管理（參考用） ├── styles/ │ └── content.css └── icons/ └── icon*.png