Shopify Theme Inspector for Chromeคืออะไร?

Shopify Theme Inspector for Chrome เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Shopify และคุณลักษณะหลักของมันคือ "Profile and debug Liquid template on your Shopify store"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Shopify Theme Inspector for Chrome

ดาวน์โหลดไฟล์ส่วนขยาย 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": [ "" ], "js": [ "detectShopify.js" ], "run_at": "document_idle" } ] }