M2 Developer Tools

Adds Magento 2 debugging tools to the Chrome Developer Tools.

What is M2 Developer Tools?

M2 Developer Tools is a Chrome extension developed by JH, and its main feature is "Adds Magento 2 debugging tools to the Chrome Developer Tools.".

Extension Screenshots

screenshot
screenshot

Download M2 Developer Tools Extension CRX File

Download M2 Developer Tools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        A tree view of Blocks/Containers used in a Magento 2 website.

First, install this Magento 2 module to enable the instrumentation https://github.com/WeareJH/m2-module-jh-block-logger

Once installed and enabled, you'll get a tree view of blocks/containers in a new Dev Tools panel                    

Extension Basic Information

Name M2 Developer Tools M2 Developer Tools
ID nomdlhobjjlnomlieegpbobfddpkmhgh
Official URL https://chrome.google.com/webstore/detail/m2-developer-tools/nomdlhobjjlnomlieegpbobfddpkmhgh
Description Adds Magento 2 debugging tools to the Chrome Developer Tools.
File Size 643 KB
Installation Count 641
Current Version 1.1.1
Last Updated 2018-05-28
Publish Date 2018-05-28
Rating 5.00/5 Total 4 Ratings
Developer JH
Payment Type free
Extension Website https://github.com/WeareJH/m2-dev-tools
Help Page URL https://github.com/WeareJH/m2-dev-tools/issues
Supported Languages en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "M2 Developer Tools",
    "description": "Adds Magento 2 debugging tools to the Chrome Developer Tools.",
    "version": "1.1.1",
    "minimum_chrome_version": "49",
    "devtools_page": "main.html",
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "web_accessible_resources": [
        "main.html",
        "dist\/main.js",
        "dist\/panel.css",
        "dist\/panel.js"
    ],
    "background": {
        "scripts": [
            "dist\/background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "tabs",
        "file:\/\/\/*",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "dist\/inject.js"
            ],
            "run_at": "document_end"
        }
    ]
}