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
官方網址 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"
        ]
    }
}