Helpful in-browser debugging/inspection tools for the Magento 2 Front-End
An extension for Google Chrome (and likely Mozilla Firefox) that exposes helpful debugging utilities for Magento 2 front-ends.
This is a very new project with little to no documentation, published to solicit feedback from early adopters. The extension is currently only available through manual installation of the development build, and will be published to the Chrome Web Store at a future time.
Whenever you navigate to a page running Magento 2, a new tab should appear in DevTools from this extension.
node.js>=
8.x
npm>=
6.x
npm install
npm start
chrome://extensions
Developer mode
Load unpacked
extensionfolder in the root of this repository
npm run buildinstead of
npm start
src, you'll need to close and re-open DevTools to see the changes
src), open the
Magento 2tab in DevTools, then right click +
Inspect Element. This will open a new instance of the DevTools pointed at the React application.