Shopify Theme Inspector for Chrome

在您的 Shopify 商店中分析和调试 Liquid 模板

Shopify 主题开箱即用，但之后进行的 Liquid 更改可能会导致速度变慢。适用于 Chrome 的 Shopify 主题检查器通过提供 Liquid 渲染分析数据的可视化来帮助识别正在降低网站速度的 Liquid 更改，并为您提供分类 Shopify 主题中最慢部分的方法。

安装此扩展程序后，您应该能够使用 Shopify 凭据登录并在 Chrome DevTools 中看到“Shopify”面板。

此工具可帮助您将结果可视化为可读且易于理解的火焰图。
您可以检查火焰图节点以将性能问题定位到精确的文件和行。

一个方便的代码片段链接将在您的管理代码编辑器中打开 Liquid 的确切行，以便您可以在上下文中查看和编辑代码。

这是在调试 Liquid 性能的同时加速工作流程的完美工具。

如果您想了解更多信息、贡献功能、打开问题或提出功能请求，您可以查看 shopify/shopify-theme-inspector Github 存储库。