Shopify Theme Inspector for Chrome

Profile and debug Liquid template on your Shopify store

Was ist Shopify Theme Inspector for Chrome?

Shopify Theme Inspector for Chrome ist eine Chrome-Erweiterung, die von Shopify entwickelt wurde, und ihr Hauptmerkmal ist "Profile and debug Liquid template on your Shopify store".

Erweiterungsscreenshots

screenshot

Shopify Theme Inspector for Chrome-Erweiterungs-CRX-Datei herunterladen

Laden Sie Shopify Theme Inspector for Chrome-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Shopify Theme Inspector for Chrome Shopify Theme Inspector for Chrome
ID fndnankcflemoafdeboboehphmiijkgp
Offizielle URL https://chromewebstore.google.com/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp
Beschreibung Profile and debug Liquid template on your Shopify store
Dateigröße 405 KB
Installationsanzahl 43,346
Aktuelle Version 2.0.4
Letztes Update 2021-08-16
Veröffentlichungsdatum 2020-06-10
Bewertung 1.83/5 Insgesamt 60 Bewertungen
Entwickler Shopify
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/Shopify/shopify-theme-inspector
Hilfeseite URL https://github.com/Shopify/shopify-theme-inspector
Unterstützte Sprachen 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"
        }
    ]
}