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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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"
        ]
    }
}