RevealTheme logo

檢測指南 · 2026

如何檢測任意網站上的Shopify佈景主題

Shopify為全部電子商務的10%提供支援。每個Shopify商店都在其HTML中留下可預測的簽章:我們的偵測工具正是這樣找到使用中佈景主題的。

最快的方法:使用我們的免費檢測工具

貼上任意URL,2秒內取得Shopify的佈景主題、外掛和技術堆疊。

開啟Shopify檢測工具 →

我們的檢測工具會查找什麼

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. 1

    查看原始碼。尋找「cdn.shopify.com」:每個Shopify商店中都有。

  2. 2

    在DevTools主控台中,輸入window.Shopify.theme。如果是Shopify,它會直接傳回佈景主題物件。

  3. 3

    造訪/admin或/cart:兩者都會傳回Shopify特有的回應。

  4. 4

    檢查結帳URL:Shopify商店即使在自訂網域上也使用/checkouts/路徑。

  5. 5

    在類別名稱中尋找佈景主題識別碼(例如「template-product」、「shopify-section」)。

為什麼要識別一個網站的技術堆疊?

三個正當理由:競爭對手調研(你所在行業的領軍者用了哪些工具?)、潛在客戶篩選(這個潛在客戶的網站是否符合你服務的要求?)以及遷移規劃(在為改版報價之前,你需要了解當前的技術堆疊)。

以上都是基於公開記錄的活動:我們檢查的每一項信號都可在頁面的HTML或HTTP回應中看到,正是任何人透過「檢視原始碼」都能看到的相同資料。我們只是分析得更快,並以清晰的方式呈現出來。

檢測無法告訴你的內容

檢測能識別出正在執行什麼。它無法告訴你一個網站為什麼選擇這套技術堆疊、在上面花了多少錢、誰是它的開發者,或它的發展路線圖是什麼。這些問題,請與真人交流。

它也無法穿透激進的快取、無頭架構,或從零開始建構、沒有框架預設標記的佈景主題。我們會標記出低信賴度的檢測結果,讓你知道何時需要深入挖掘。