README_zh-TW.md

WebSocket DevTools

專業的WebSocket除錯工具，提供即時監控、訊息模擬和流量攔截功能

English | 简体中文 | 繁體中文 | 日本語

🚀 安裝

Chrome 線上應用程式商店

1. 前往 Chrome 線上應用程式商店
2. 點擊 "加到 Chrome" 並確認安裝
3. 開啟開發者工具 (F12) → "WebSocket DevTools" 分頁

Microsoft Edge

1. 前往 Microsoft Edge 附加元件
2. 點擊 "取得" 並確認安裝
3. 開啟開發者工具 (F12) → "WebSocket DevTools" 分頁

官網

• 🌐 WebSocket DevTools - 官方網站
• 📺 YouTube影片 - 示範影片

✨ 核心功能

• 🔍 即時監控 - 即時追蹤WebSocket連線和訊息更新
• 🔄 背景監控 - 即使關閉DevTools面板也能持續監控連線
• 🎮 訊息模擬 - 雙向傳送自定義訊息 (客戶端 ↔ 伺服器)
• 🚧 流量控制 - 攔截訊息並模擬網路問題進行測試
• 💾 收藏系統 - 儲存和組織常用訊息
• 🌍 多語言支援 - 完整的英文和中文支援
• 🎨 DevTools整合 - 原生Chrome DevTools面板體驗
• 🖼️ Iframe支援 - 完整的iframe嵌入式連線WebSocket代理支援

🎬 快速示範

訊息攔截

訊息模擬

示範的核心功能:

• 訊息攔截: 即時攔截和阻止WebSocket訊息
• 訊息模擬: 傳送自定義訊息測試不同場景
• 流量控制: 管理WebSocket流量進行除錯
• JSON支援: 完整的JSON解析和格式化功能

📷 螢幕截圖

訊息詳情和JSON檢視器

訊息模擬和流量控制

智慧收藏系統

📖 快速開始

1. 安裝擴充功能 - 加到Chrome並啟用背景監控
2. 開啟開發者工具 (F12) → 找到 "WebSocket DevTools" 分頁
3. 檢視擷取資料 - 所有WebSocket連線都會在背景自動擷取
4. 檢查訊息 - 點擊連線檢視訊息歷史
5. 模擬訊息 - 使用模擬分頁和JSON編輯器
6. 儲存收藏 - 為常用訊息加上星號以便快速存取

💡 專業提示: 擴充功能在背景監控WebSocket連線，所以即使你在WebSocket建立後才開啟DevTools，也不會錯過任何連線！

🔒 隱私和安全

• ✅ 無資料收集 - 所有資料都儲存在你的瀏覽器中
• ✅ 僅本地儲存 - 無外部伺服器或追蹤
• ✅ 開源程式碼 - 完全透明且可稽核的程式碼
• ✅ 最小權限 - 僅請求功能所需的權限

🛠 系統需求

• Chrome 88+ 或基於Chromium的瀏覽器 (Edge, Brave等)
• WebSocket API - 相容所有WebSocket實現
• 支援 Socket.IO、ws函式庫 和自定義WebSocket解決方案

---

---

MIT許可證 • ⭐ GitHub • 📖 Wiki • 📚 DeepWiki • 🛒 Chrome商店 • 📺 YouTube