Shopify Theme Inspector for Chrome

Profile and debug Liquid template on your Shopify store

Qu'est-ce que Shopify Theme Inspector for Chrome ?

Shopify Theme Inspector for Chrome est une extension Chrome développée par Shopify, et sa fonction principale est "Profile and debug Liquid template on your Shopify store".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Shopify Theme Inspector for Chrome

Téléchargez les fichiers d'extension Shopify Theme Inspector for Chrome au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Shopify Theme Inspector for Chrome Shopify Theme Inspector for Chrome
ID fndnankcflemoafdeboboehphmiijkgp
URL Officiel https://chromewebstore.google.com/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp
Description Profile and debug Liquid template on your Shopify store
Taille du Fichier 405 KB
Nombre d'Installations 43,346
Version Actuelle 2.0.4
Dernière Mise à Jour 2021-08-16
Date de Publication 2020-06-10
Évaluation 1.83/5 Total 60 Évaluations
Développeur Shopify
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/Shopify/shopify-theme-inspector
URL de la Page d'Aide https://github.com/Shopify/shopify-theme-inspector
Langues Prises en Charge 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"
        }
    ]
}