Shopify Theme Inspector for Chrome

Profile and debug Liquid template on your Shopify store

Shopify Theme Inspector for Chrome là gì?

Shopify Theme Inspector for Chrome là một tiện ích mở rộng Chrome được phát triển bởi Shopify, và tính năng chính của nó là "Profile and debug Liquid template on your Shopify store".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng Shopify Theme Inspector for Chrome

Tải xuống các tệp mở rộng Shopify Theme Inspector for Chrome dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Shopify Theme Inspector for Chrome Shopify Theme Inspector for Chrome
ID fndnankcflemoafdeboboehphmiijkgp
URL Chính Thức https://chromewebstore.google.com/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp
Mô tả Profile and debug Liquid template on your Shopify store
Kích Thước Tệp 405 KB
Số Lần Cài Đặt 43,346
Phiên Bản Hiện Tại 2.0.4
Cập Nhật Lần Cuối 2021-08-16
Ngày Phát Hành 2020-06-10
Đánh Giá 1.83/5 Tổng số 60 Đánh Giá
Nhà Phát Triển Shopify
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/Shopify/shopify-theme-inspector
URL Trang Trợ Giúp https://github.com/Shopify/shopify-theme-inspector
Ngôn Ngữ Được Hỗ Trợ 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"
        }
    ]
}