Shopify Theme Inspector for Chrome2.0.4
在您的 Shopify 商店中分析和调试 Liquid 模板在您的 Shopify 商店中分析和调试 Liquid 模板Shopify 主题开箱即用，但之后进行的 Liquid 更改可能会导致速度变慢。适用于 Chrome 的 Shopify 主题检查器通过提供 Liquid 渲染分析数据的可视化来帮助识别正在降
官方版无广告33
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
405KB 0 人已下载 手机查看
![Shopify Theme Inspector for Chrome的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail20762/573vhmqsm104y.jpg)
简介:
在您的 Shopify 商店中分析和调试 Liquid 模板在您的 Shopify 商店中分析和调试 Liquid 模板Shopify 主题开箱即用，但之后进行的 Liquid 更改可能会导致速度变慢。适用于 Chrome 的 Shopify 主题检查器通过提供 Liquid 渲染分析数据的可视化来帮助识别正在降低网站速度的 Liquid 更改，并为您提供分类 Shopify 主题中最慢部分的方法。安装此扩展程序后，您应该能够使用 Shopify 凭据登录并在 Chrome DevTools 中看到“Shopify”面板。此工具可帮助您将结果可视化为可读且易于理解的火焰图。您可以检查火焰图节点以将性能问题定位到精确的文件和行。一个方便的代码片段链接将在您的管理代码编辑器中打开 Liquid 的确切行，以便您可以在上下文中查看和编辑代码。这是在调试 Liquid 性能的同时加速工作流程的完美工具。如果您想了解更多信息、贡献功能、打开问题或提出功能请求，您可以查看 shopify/shopify-theme-inspector Github 存储库。
相关资源
Emmet LiveStyle
LiveStyle — 第一个用于 CSS、LESS 和 SCSS 的双向实时编辑工具。在文本编辑器中编辑 CSS、LESS 或 SCSS 文件时，立即更新您的网页样式表。无需保存文件或重新加载页面：纯实时体验！这是第一个以正确方式将更新从 DevTools 传输回源代码的工具。包括远程视图：创建公开可用的 UR
ZenForce
自动填充 Zendesk 票证字段。此 Chrome 扩展程序的目的是使用来自 Salesforce 机会的数据自动填充编辑 Zendesk 提交表单上的字段。 Extension 支持 Groupon Central 形式（北美）和 Zendesk 域（国际）。由于 Salesforce 和 Zendesk 位
HTML CSS Live Editor
HTML 或 CSS 开发人员或学习者，立即获取程序输出。谁需要这个？此扩展对 HTML 或 CSS 开发人员或学习者非常有用，因为您可以在左侧编写 html 程序并立即在另一侧获取程序输出（如果您启用了“自动提交”复选框）特征实时输出如果您选中“自动提交”复选框，根据您的输入，您将在输出框中获得即时输出。否则，
DIVI Tools and Deals
优雅主题 Divi 工具和交易优雅主题 Divi 生成器非常受欢迎。因此，我们决定制作一个快速简单的 Chrome 扩展程序，以在几秒钟内访问 Changelog、Divi 教程视频和 Wordpss 交易。 ✅ 在几秒钟内查看 Divi 更新日志✅ 在同一个屋檐下✅ 超过 2,000 个视频教程，具有简单的搜索
Codeforces_Green_Dot
在 codeforces.com 平台上显示最近的博客操作，并检查您的朋友列表状态和提交。 Codeforces.com 平台最近的操作提要和朋友列表状态和提交。
webhint
快速测试您的网站，看看是否存在可访问性、浏览器兼容性、安全性、性能等方面的任何问题。 Webhint 是一个面向开发人员的工具，可以帮助您发现不同领域的问题。快速测试您的网站，看看是否存在可访问性、浏览器兼容性、安全性、性能等方面的任何问题。浏览器扩展允许您轻松地从您感兴趣的类别中获得反馈，获得您所针对的浏览器的
暂无评论...