检测指南 · 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响应中看到,正是任何人通过“查看源代码”都能看到的相同数据。我们只是分析得更快,并以清晰的方式呈现出来。
检测无法告诉你的内容
检测能识别出正在运行什么。它无法告诉你一个网站为什么选择这套技术栈、在上面花了多少钱、谁是它的开发者,或它的发展路线图是什么。这些问题,请与真人交流。
它也无法穿透激进的缓存、无头架构,或从零开始构建、没有框架默认标记的主题。我们会标记出低置信度的检测结果,让你知道何时需要深入挖掘。