FontDetector

Display font information on hover over text elements.

什麼是FontDetector?

FontDetector是由islandgision開發的Chrome擴展程式,該擴展的主要功能是“Display font information on hover over text elements.”。

擴展截圖

screenshot
screenshot
screenshot

下載FontDetector擴展crx文件

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

擴展使用說明

                        Run plugin:
- win: Shift + Alt + X
- mac: Shift + Alt + X

Close plugin:
- win: ESC
- mac: ESC

————— Divider ——————

FontDetector is a tool powered by myself and GPT-4, designed to help you view web fonts by hovering text. You can easily explore your favorite font families, weights, sizes, letter spacing, line heights, and text alignments.

Hover, detect. As easy as 1-2. An essential tool for any web designer or front-end developer.

————— Divider ——————

1.1.8
feat: Updated shortcut keys for activating FontDetector, Now you could use 
- win: Shift + Alt + X
- mac: Shift + Alt + X

1.1.7
feat: Updated shortcut keys for activating FontDetector, Now you could use 
- win: Ctrl + Shift + Z
- mac: Command + Shift + Z

1.1.6
fixed: Gray out the fonts on the website when the plugin is activated

1.1.5
fixed: Body was injected into 18px padding

1.1.4
feat: Removed tabs permissions                    

擴展基本資訊

名稱 FontDetector FontDetector
ID jphgedmdokkhlllaibcbndaccmdcckfe
官方網址 https://chromewebstore.google.com/detail/fontdetector/jphgedmdokkhlllaibcbndaccmdcckfe
簡介 Display font information on hover over text elements.
檔案大小 889 KB
安裝次數 192
目前版本 1.1.8
更新時間 2023-12-01
上架時間 2023-04-18
評分 5.00/5 共 1 次評分
開發者 islandgision
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "FontDetector",
    "version": "1.1.8",
    "description": "Display font information on hover over text elements.",
    "permissions": [
        "activeTab"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": "icon.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "contentScript.js"
            ],
            "all_frames": true
        }
    ],
    "icons": {
        "128": "icon.png"
    },
    "commands": {
        "toggle_font_detector": {
            "suggested_key": {
                "default": "Shift+Alt+X",
                "mac": "Shift+Alt+X"
            },
            "description": "Toggle font detector"
        }
    }
}