【開發雜談】網管人的痛點我都懂！打造我的最強側邊欄工具：📡NetProbe 網路偵探📡

作者：
做網管查 IP 還在開三個視窗切換嗎？這篇開發日記記錄了我如何為了解決痛點，從零打造「NetProbe 網路偵探」側邊欄工具。從 V1 的陽春表單到 V136 整合 VirusTotal 與 SSL 檢測的完全體，這是屬於工程師的極致自動化浪漫。
「其實我是一個懶的寫 Blog 的人。
那為什麼還要寫？因為有一天我可能會失憶。」
技術導流 除了網際網路偵測，還需要手機照片救援？ 看看這篇實戰：[實戰] ADB + PowerShell 強制救援 LINE 照片

做網管、搞 IT 或是身為站長的開發者，應該都有個共同痛點：查一個 IP 或網域，真的要開好多分頁！光是 nslookup 和 whois 敲完，杯裡的咖啡都涼了。☕

因此我決定：「既然都要查，不如直接在我的部落格側邊欄弄一個萬能查詢小工具吧！」

今天就來聊聊這個常駐在本站側邊欄的黑科技——「NetProbe 網路偵探」。它是如何從一個陽春的 HTML 表單，進化成現在這個 V155 完全體 的血淚歷程。

😩 網管人的真實痛點：視窗切換地獄

傳統標準流程：
遇到怪 IP 時，要分別開啟 FortiGuard、VirusTotal、Kaspersky 三個分頁，再重複執行「複製、貼上、搜尋」。視窗切來切去，效率低到爆！NetProbe 的誕生，就是為了實現「點一下，全參數帶入」的極速體驗。

💻 NetProbe 開發血淚史 (Dev Log)

1. 混沌初開：V1 時期 (單純表單)

最初的 V1 版本真的極度簡陋。沒有版號、沒有精緻的 CSS，就是一個純粹的「輸入框 + 送出按鈕」。當時功能極其單純：只能查查 GSN DNS 或看個基本的 A 紀錄。

2. 功能大爆發：V7 ~ V93 (區塊化革命)

  • 資安情資整合： 成功串接 FortiGuard、VirusTotal、Kaspersky，實踐一鍵檢測威脅。
  • 模組化分層： 介面正式演進為 DNS 解析、網站類別、威脅情資、全球資訊 四大核心區塊。

3. 視覺的戰爭：V94 ~ V115 (細節控的堅持)

  • IPv6 地址優化： 長地址在手機版會造成版面炸裂，耗費多個版號重寫 RWD 響應式布局。
  • CSS 權重修復： 為了解決 SVG 圖標在不同瀏覽器時隱時現的問題，對 CSS 權重進行了深度整併。
  • WAF 自動化引導： 針對 FortiGuard 改版導致的 HTTP 403 錯誤，加入自動跳轉首頁功能，繞過防火牆限制。

最終 V115 定版： 採用柔和淡色背景 + 高對比深色文字，並完美還原各廠牌原廠 Logo 色彩，達成極佳視覺平衡。

🧠 注入靈魂：V155 網路偵探完全體

經過上百個版本的迭代與修復，現在的 V155 已經集結了網管人所需的一切：

  • ✅ 多源 DNS 照妖鏡：同步查詢 Google、Cloudflare、CF Secure DNS。
  • ✅ 郵件安全全餐：整合 MXToolbox、Spamhaus、SPF/DMARC 檢測。
  • ✅ SSL 鏈結深度掃描：包含憑證鏈路分析、快速檢測與 Qualys 深度掃描。
  • ✅ 智慧反向查詢：輸入 IP 自動跳 PTR 反查，輸入網域自動建議 A 紀錄。
📡 NetProbe V155 - Live Preview
輸入網域或 IP...
郵件檢測 (Mail Security)
MX SPF DMARC
SSL 憑證鏈掃描
快速 深度
您的資訊 (Client Info)
IP: 223.200.xxx.xxx
Location: Kaohsiung, Taiwan
Agent: Chrome / Windows 11
(示意圖：實體工具請見側邊欄 ➡)

📢 結語：別再求原始碼了，直接來用吧！

很多朋友敲碗原始碼，但這個工具因串接眾多 API 目前僅供本站使用。我已經將其部署在部落格的側邊欄，建議大家直接將部落格加入「我的最愛 (Bookmark)」，隨時隨地都能即時查詢。

📍 主要站點：sungshu.blogspot.com
📍 備用站點：sungshu.pixnet.net/blog

遇到網路怪問題？點開我的部落格，按兩下 NetProbe，三秒鐘讓兇手現形！👍

🏷️ 文章標籤 (Tags)

#NetProbe #工程師日常 #開發日記 #從V1到V155

留言

張貼留言