fonts infos

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

什麼是fonts infos?

fonts infos是由p.開發的Chrome擴展程式,該擴展的主要功能是“An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.”。

擴展截圖

screenshot
screenshot
screenshot

下載fonts infos擴展crx文件

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

擴展使用說明

                        An extension to show/inspect text fonts in webpages.

NOTE: On first installation, reload the already opened tabs if it's not working.
            On chrome web store pages it's not working or is blocked by them.

Show in page the following informations:
* font size;
* font weight;
* font main family;
* font style;
* font color;
* line height;
* font decoration;
* font transformation;
* letter spacing;

Switch between hex and rgb colors from the dedicated option page or the popup!
Right-click contextual menu!
An option to hide contextual menu!
An option to show on mouse-over all the infos on the font or single info.


For any problem or bug open a ticket on the support tab, i will answer as soon as possible.


====Possible problem====
On first installation, RELOAD the already opened tabs if it's not working.
On chrome web store pages it's not working or is blocked for some reason.

Case not on hover:
 * If text is inside nested overflow:hidden element the popup will be hidden
 * If your element have some overflow this pugin will override them with overflow:visible than it will revert them when turn off.
 * If there are async element you should re-launch.


====Change Log====
 * 5.0.0 : move to manifesto v.3 and code related to v.3, add switch between rgb and hex colors
 * 4.0.0 : review graphics, removed contextual menu "showAlways", now on click the popup will appear, and add option page to toggle contextual
 * 3.0.0 : Restyle and code refactoring, add some other option and right-click menu single info
 * 2.0.0 : Add right-click contextual menu that will show all fonts info on mouse hover, add option to prevent click to the left-click, clicking a text save the info on a right panel if "select on click" is enabled, add letter spacing to the list                    

擴展基本資訊

名稱 fonts infos fonts infos
ID dcmemojljgjdnjfckdmffgkcnooejahg
官方網址 https://chromewebstore.google.com/detail/fonts-infos/dcmemojljgjdnjfckdmffgkcnooejahg
簡介 An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.
檔案大小 103 KB
安裝次數 14,636
目前版本 5.0.1
更新時間 2024-01-30
上架時間 2018-01-26
評分 4.43/5 共 23 次評分
開發者 p.
電子郵箱 [email protected]
付費類型 free
支援的語言 en,it
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "author": "Paris",
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": "images\/icon.png",
        "default_popup": "popup\/popup.html",
        "default_title": "Show this page's fonts infos."
    },
    "content_scripts": [
        {
            "js": [
                "jquery-3.6.3.min.js",
                "font.js",
                "fontAll.js",
                "removeFont.js",
                "foreground.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ],
    "default_locale": "en",
    "description": "__MSG_appDesc__",
    "icons": {
        "16": "images\/icon.png",
        "32": "images\/icon32.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "manifest_version": 3,
    "name": "__MSG_appName__",
    "offline_enabled": true,
    "options_page": "options\/options.html",
    "permissions": [
        "storage",
        "contextMenus"
    ],
    "short_name": "font-inspector",
    "version": "5.0.1"
}