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
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 | ![]() |
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": [ " |