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
Eメール	[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": [ "" ], "js": [ "detectShopify.js" ], "run_at": "document_idle" } ] }