如何一眼看穿網站用什麼技術做的？
收到一個陌生連結、看到一個很精美的落地頁、或者朋友問你「這網站用什麼做的？」——其實答案就藏在瀏覽器下載下來的那份 HTML 裡。
這篇文章教你一套 3 分鐘拆解技術棧 的方法，不需要任何付費工具，只用 curl + grep。最後用真實案例（一個帶 Facebook 廣告追蹤碼的落地頁）示範完整流程。
🧰 需要的工具
# 只需要這兩個指令
curl -sL "網址" -o page.html # 下載頁面
grep -o "關鍵字" page.html | sort | uniq -c | sort -rn # 統計特徵
（Windows 用戶可用 Git Bash 或直接下載 HTML 後用瀏覽器 DevTools 的 View Source。）
第一步：抓 HTML 看框架特徵
每個主流框架都會在 HTML 留下獨特指紋。下載頁面後直接 grep 關鍵字：
| 框架 | HTML 特徵 | 說明 |
|---|---|---|
| Nuxt.js (Vue) | __NUXT__、_nuxt/、data-v- | Vue 的 SSR/SPA 框架 |
| Next.js (React) | __NEXT_DATA__、_next/ | React 的 SSR 框架 |
| WordPress | wp-content/、wp-includes/ | 全球 40%+ 網站 |
| Astro | data-astro- | 靜態生成框架 |
| SvelteKit | __sveltekit、svelte | Svelte 生態 |
| Gatsby | ___gatsby | React 靜態站 |
實測案例（yoursilentlaunch.com）：
curl -sL "https://yoursilentlaunch.com/bundle" -o page.html
grep -o "nuxt\|__NUXT__\|_next/\|wp-content\|astro" page.html | sort | uniq -c
輸出：
4 nuxt
2 __NUXT__
→ Nuxt.js (Vue 3) 確認！
第二步：挖 JS 全域變數——後端機密常藏在這裡
框架的 SSR 設定會把伺服器端資料注入頁面頂部的 <script> 標籤。這是整場分析最精彩的部分——很多網站不小心把後端 API 位址、CDN 網域直接寫在裡面：
grep -oP '__NUXT__[^<]{0,300}' page.html | head -2
實測案例輸出（真實發生）：
window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",
newBaseURL:"https://backend.leadconnectorhq.com/appengine",
OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",...
光這三行就洩漏了整個後端架構：
| 洩漏的資訊 | 代表意義 |
|---|---|
backend.leadconnectorhq.com | 後端接 GoHighLevel（白牌 CRM/行銷自動化平台） |
cdn.msgsndr.com | GoHighLevel 的資產 CDN（“Message Sender” 縮寫） |
apisystem.tech | 賣家的自訂 API 主機 |
💡 同樣的方法：Next.js 網站查
__NEXT_DATA__、WordPress 查wp-content/uploads旁的路徑，都能挖到主機資訊。
第三步：看伺服器標頭——CDN 與防護一覽
curl -sI "https://yoursilentlaunch.com/bundle" | head -15
實測輸出重點：
| Header | 值 | 代表意義 |
|---|---|---|
server: cloudflare | Cloudflare | 全球 CDN + 防火牆 |
set-cookie: __cf_bm=... | Cloudflare Bot Management | 有機器人防護（通常配合驗證碼） |
cf-cache-status: HIT | Cloudflare 快取 | 靜態內容有 CDN 快取 |
via: 1.1 google | Google Cloud | 上游可能走 GCP |
🎯 完整案例：yoursilentlaunch.com 技術棧
把三步驟結果合起來：
| 層級 | 技術 | 偵測方法 |
|---|---|---|
| 前端框架 | Nuxt.js (Vue 3) | __NUXT__ 全域物件 |
| 後端/CRM | GoHighLevel | leadconnectorhq.com + msgsndr.com |
| 付款 | Stripe | HTML 內 stripe 引用 |
| CDN/防護 | Cloudflare | server: cloudflare + __cf_bm |
| 廣告追蹤 | Facebook Pixel | URL 的 fbclid 參數 |
一個「看起來很簡單的落地頁」，背後其實是 Vue 前端 + GoHighLevel 行銷自動化 + Stripe 金流 + Cloudflare 防護的完整商業基礎設施。
🧠 進階技巧：怎麼判斷賣家用什麼電商平台？
付款頁的網域也能洩漏平台：
| 付款頁網域特徵 | 平台 |
|---|---|
*.lemonsqueezy.com | Lemon Squeezy（數位商品電商） |
checkout.stripe.com | Stripe Checkout |
pay.gumroad.com | Gumroad（數位商品） |
*.shopify.com / myshopify.com | Shopify |
buy.stripe.com | Stripe 付款連結 |
實例：solopreneurhub.lemonsqueezy.com → 一眼就知道是 Lemon Squeezy 商店，賣家直接查 window.products JSON 就能看到產品名稱與價格。
⚠️ 資安提醒：技術相同 ≠ 網站可信
這套方法能幫你了解網站結構，但不代表可以判斷網站好壞：
- GoHighLevel 是合法平台，但也被部分詐騙廣告使用（之前分析過的案例）
- Cloudflare 防護不能證明網站正當，詐騙站也愛用
- 判斷可信度要綜合看：實體地址、公司登記、退費政策、第三方口碑，而不是單看技術
✅ 總結：3 分鐘拆解 SOP
# 1. 下載頁面
curl -sL "https://目標網站" -o page.html
# 2. 找框架特徵
grep -o "nuxt\|_next\|wp-content\|astro\|__sveltekit" page.html | sort | uniq -c
# 3. 挖 SSR 全域變數（後端機密）
grep -oP '__NUXT__[^<]{0,300}|__NEXT_DATA__[^<]{0,300}' page.html
# 4. 看伺服器標頭
curl -sI "https://目標網站" | head -15
# 5. 看付款頁網域（判斷電商平台）
學會這套方法後，任何網站丟過來，你都能在 3 分鐘內說出它「用什麼做的」——不管是想模仿別人的落地頁，還是想確認一個可疑連結的底細，都非常實用。
案例來源：yoursilentlaunch.com 實測（2026-08-23）｜方法為通用 web 技術偵測，適用於多數前端框架