HTML Style Quick Viewer

HTML DOM element style quick viewer

什麼是HTML Style Quick Viewer?

HTML Style Quick Viewer是由_(:з」∠)_開發的Chrome擴展程式,該擴展的主要功能是“HTML DOM element style quick viewer”。

擴展截圖

screenshot

下載HTML Style Quick Viewer擴展crx文件

下載HTML Style Quick Viewer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        How about viewing the HTML DOM styles in a different way?
Just move your mouse and it shows the target's styles.

After installation, you may have to reload tabs to for the extension to take effect.

Instructions:
1. Click HTML Style Quick Viewer in the toolbar, then click 'run' button to start.
2. Move mouse to see the element's styles.
3. Mouse left click to close the popup panel.
4. Mouse middle click to pin the popup panel.
5. Click the 'Exit' button at the top-right or click 'Stop' button through the toolbar to stop.                    

擴展基本資訊

名稱 HTML Style Quick Viewer HTML Style Quick Viewer
ID inafmkpmbkldliccdbeieeafnbkcmmap
官方網址 https://chrome.google.com/webstore/detail/html-style-quick-viewer/inafmkpmbkldliccdbeieeafnbkcmmap
簡介 HTML DOM element style quick viewer
檔案大小 15.88 KB
安裝次數 271
目前版本 1.0.2
更新時間 2018-08-26
上架時間 2018-08-26
評分 5.00/5 共 3 次評分
開發者 _(:з」∠)_
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "HTML Style Quick Viewer",
    "description": "HTML DOM element style quick viewer",
    "version": "1.0.2",
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "content\/content.js"
            ],
            "css": [
                "content\/content.css"
            ],
            "run_at": "document_start"
        }
    ],
    "browser_action": {
        "default_title": "HTML Style Quick Viewer\nRight click (Close)\nMiddle click (Pin)",
        "default_icon": {
            "16": "icons\/icon_16.png",
            "32": "icons\/icon_32.png",
            "48": "icons\/icon_48.png",
            "128": "icons\/icon_128.png"
        },
        "default_popup": "popup\/popup.html"
    },
    "manifest_version": 2
}