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"입니다.

확장 프로그램 스크린샷

screenshot

Shopify Theme Inspector for Chrome 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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 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"
        }
    ]
}