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 |
| 官方網址 | 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": [
" | |
