MageTools: DevTools Reimagined

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

什么是MageTools: DevTools Reimagined?

MageTools: DevTools Reimagined是由https://mage.tools开发的Chrome扩展程序,该扩展的主要功能是“A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载MageTools: DevTools Reimagined扩展crx文件

下载MageTools: DevTools Reimagined扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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                    

扩展基本信息

名称 MageTools: DevTools Reimagined MageTools: DevTools Reimagined
ID jemdgiimoenlbpbkjpacjbkjmhgopaei
官方URL https://chromewebstore.google.com/detail/magetools-devtools-reimag/jemdgiimoenlbpbkjpacjbkjmhgopaei
简介 A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.
文件大小 84.8 KB
安装次数 737
当前版本 1.1.0
更新时间 2020-10-06
上架时间 2020-03-21
评分 4.25/5 共8次评分
开发者 https://mage.tools
电子邮箱 [email protected]
付费类型 free
扩展官网 https://mage.tools
帮助页面URL https://mage.tools
隐私政策页面URL https://mage.tools/privacy
支持的语言 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"
        ]
    }
}