檢測指南 · 2026
如何檢測任意網站上的Shopify佈景主題
Shopify為全部電子商務的10%提供支援。每個Shopify商店都在其HTML中留下可預測的簽章:我們的偵測工具正是這樣找到使用中佈景主題的。
我們的檢測工具會查找什麼
cdn.shopify.com資源URL
每個Shopify商店都從cdn.shopify.com載入CSS、JS和圖片。URL路徑包含佈景主題ID和商店名稱。
位置: HTML中的<link>和<script>標籤
Shopify.theme JavaScript物件
Shopify在商店的JavaScript中暴露window.Shopify.theme = { id, name, role }。這是最直接的佈景主題識別方式。
位置: <body>內的內嵌<script>
theme.liquid線索
Shopify佈景主題使用Liquid範本。theme.liquid的註解和類別名稱會洩漏佈景主題識別碼(例如「dawn」、「debut」、「brooklyn」)。
位置: HTML的類別名稱和註解
X-ShopId和X-Shopify-Stage標頭
Shopify的邊緣節點在每個請求上加入這些回應標頭。X-ShopId唯一標識該商店。
位置: HTTP回應標頭
canonical或myshopify.com連結
即使是自訂網域商店,也會在管理連結、結帳端點或後備資源中包含myshopify.com URL。
位置: HTML中的<link rel='canonical'>或資源URL
手動檢查核查清單
如果檢測工具返回的結果不明確,請在瀏覽器的開發者工具中逐項進行這些手動檢查(右鍵 → 檢查):
- 1
查看原始碼。尋找「cdn.shopify.com」:每個Shopify商店中都有。
- 2
在DevTools主控台中,輸入window.Shopify.theme。如果是Shopify,它會直接傳回佈景主題物件。
- 3
造訪/admin或/cart:兩者都會傳回Shopify特有的回應。
- 4
檢查結帳URL:Shopify商店即使在自訂網域上也使用/checkouts/路徑。
- 5
在類別名稱中尋找佈景主題識別碼(例如「template-product」、「shopify-section」)。
為什麼要識別一個網站的技術堆疊?
三個正當理由:競爭對手調研(你所在行業的領軍者用了哪些工具?)、潛在客戶篩選(這個潛在客戶的網站是否符合你服務的要求?)以及遷移規劃(在為改版報價之前,你需要了解當前的技術堆疊)。
以上都是基於公開記錄的活動:我們檢查的每一項信號都可在頁面的HTML或HTTP回應中看到,正是任何人透過「檢視原始碼」都能看到的相同資料。我們只是分析得更快,並以清晰的方式呈現出來。
檢測無法告訴你的內容
檢測能識別出正在執行什麼。它無法告訴你一個網站為什麼選擇這套技術堆疊、在上面花了多少錢、誰是它的開發者,或它的發展路線圖是什麼。這些問題,請與真人交流。
它也無法穿透激進的快取、無頭架構,或從零開始建構、沒有框架預設標記的佈景主題。我們會標記出低信賴度的檢測結果,讓你知道何時需要深入挖掘。