MageTools: DevTools Reimagined

A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.

What is MageTools: DevTools Reimagined?

MageTools: DevTools Reimagined is a Chrome extension developed by https://mage.tools, and its main feature is "A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download MageTools: DevTools Reimagined Extension CRX File

Download MageTools: DevTools Reimagined 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

                        MageTools is an alternative to DevTools for building interfaces. It reimagines the frontend development process to make working with HTML and CSS faster, easier, and more ergonomic.

🔍 inspect an element's styles 5x faster than DevTools
🎨 rapidly design UIs with real-time CSS editing
📄 live-preview changes to HTML attributes
👪 comb through parents/children with an intuitive tree view
⌨️ use comfortable, easy-to-remember keyboard shortcuts
📱 gain quality-of-life features for mobile development
🔮 more features coming soon                    

Extension Basic Information

Name MageTools: DevTools Reimagined MageTools: DevTools Reimagined
ID jemdgiimoenlbpbkjpacjbkjmhgopaei
Official URL https://chromewebstore.google.com/detail/magetools-devtools-reimag/jemdgiimoenlbpbkjpacjbkjmhgopaei
Description A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.
File Size 84.8 KB
Installation Count 737
Current Version 1.1.0
Last Updated 2020-10-06
Publish Date 2020-03-21
Rating 4.25/5 Total 8 Ratings
Developer https://mage.tools
Email [email protected]
Payment Type free
Extension Website https://mage.tools
Help Page URL https://mage.tools
Privacy Policy Page URL https://mage.tools/privacy
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "MageTools: DevTools Reimagined",
    "short_name": "MageTools",
    "version": "1.1.0",
    "manifest_version": 2,
    "description": "A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.",
    "icons": {
        "16": "icon-16.png",
        "32": "icon-32.png",
        "48": "icon-48.png",
        "64": "icon-64.png",
        "128": "icon-128.png"
    },
    "browser_action": {
        "default_icon": "icon-48.png"
    },
    "permissions": [
        "activeTab",
        "storage",
        "contextMenus"
    ],
    "background": {
        "persistent": false,
        "scripts": [
            "background.js"
        ]
    }
}