Shopify Theme Inspector for Chrome
Profile and debug Liquid template on your Shopify store
什么是Shopify Theme Inspector for Chrome？
Shopify Theme Inspector for Chrome是由Shopify开发的Chrome扩展程序，该扩展的主要功能是“Profile and debug Liquid template on your Shopify store”。
扩展截图
下载Shopify Theme Inspector for Chrome扩展crx文件
下载Shopify Theme Inspector for Chrome扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
Profile and debug Liquid template on your Shopify store
Shopify themes are fast out of the box, but Liquid changes made afterwards can cause slowdowns. Shopify Theme Inspector for Chrome helps identify Liquid changes that are slowing your site down by providing a visualization of Liquid render profiling data, and giving you the means to triage the slowest parts of your Shopify theme.
Once you install this extension you should be able to sign in with your Shopify credentials and see a “Shopify” panel in Chrome DevTools.
This tool helps you visualize results as a flame graph which is readable and easy to understand.
You can examine the flame graph nodes to localize performance issues down to the exact file and line.
A handy code snippet link will open up the exact line of Liquid in your admin code editor so you can view and edit the code in context.
This is the perfect tool to accelerate your workflow while debugging Liquid performance.
If you would like to learn more, contribute a feature, open an issue, or make a feature request you can check out the shopify/shopify-theme-inspector Github repository. 扩展基本信息
| 名称 |  Shopify Theme Inspector for Chrome |
| ID | fndnankcflemoafdeboboehphmiijkgp |
| 官方URL | https://chromewebstore.google.com/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp |
| 简介 | Profile and debug Liquid template on your Shopify store |
| 文件大小 | 405 KB |
| 安装次数 | 43,346 |
| 当前版本 | 2.0.4 |
| 更新时间 | 2021-08-16 |
| 上架时间 | 2020-06-10 |
| 评分 | 1.83/5 共60次评分 |
| 开发者 | Shopify |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 扩展官网 | https://github.com/Shopify/shopify-theme-inspector |
| 帮助页面URL | https://github.com/Shopify/shopify-theme-inspector |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Shopify Theme Inspector for Chrome",
"version": "2.0.4",
"description": "Profile and debug Liquid template on your Shopify store",
"devtools_page": "devtools.html",
"permissions": [
"storage",
"identity",
"activeTab"
],
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"icons": {
"16": "images\/16-shopify.png",
"32": "images\/32-shopify.png",
"48": "images\/48-shopify.png",
"128": "images\/128-shopify.png"
},
"page_action": {
"default_popup": "popupNotShopifyStore.html",
"default_icon": {
"16": "images\/16-shopify-dimmed.png",
"32": "images\/32-shopify-dimmed.png",
"48": "images\/48-shopify-dimmed.png",
"128": "images\/128-shopify-dimmed.png"
}
},
"manifest_version": 2,
"content_scripts": [
{
"matches": [
" | |
