11浏览器插件
Shopify Liquid DevTools
让 Shopify 店铺上下文与主题源码，留在同一条调试链路里。
- Discipline
- Developer tooling · Shopify · Diagnostics
- Platform
- Chrome
- Role
- Product, workflow, interface and development
- Status
- Live · Chrome
Shopify Liquid DevTools 在一个扩展里汇总店铺上下文、主题结构、交易状态、质量信号与运行时事件。可选的本机 Companion 能把渲染后的 Section 映射回主题文件，诊断 schema，并运行 Shopify CLI Theme Check。
Visit live productThe hard part
表面问题背后，通常还有一套更难的系统问题。
渲染后的店铺、Shopify 运行时对象、Admin 与 Storefront API，以及本地 Liquid 文件处在不同环境。它们的身份和权限无法跨边界追踪时，调试就会变得缓慢。
Key decisions / 03
我选择了什么，也选择不做什么。
- 01
以店铺页面为中心，统一组织上下文、Section、产品、购物车、SEO、质量与运行时信号。
- 02
用绑定 localhost 且受令牌保护的可选 Companion 完成源码映射、schema 诊断、编辑器跳转与 Theme Check。
- 03
可选 API 凭据只保存在本地，且仅在用户明确操作后发送到所选 Shopify 端点。
Design capabilities
A product is a network of decisions.
Developer toolsStorefront diagnosticsSource mappingLocal companion
What exists now
不放未经确认的增长数字，只展示已经存在的产品能力。
- 已在 Chrome 应用商店上线，支持英文与简体中文。
- 可检查 Liquid 上下文、主题 Section、产品与 Ajax Cart 状态，以及 SEO、无障碍和性能。
- 提供本地源码映射、Theme Check、GraphQL 调试、代码片段生成和 Markdown QA 报告。
真正有用的开发工具不是再增加一个孤立控制台，而是把浏览器里的证据重新连接到生成它的源码与系统。