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 存储库。