Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order

Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in orderとは何ですか?

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in orderはhttps://rviscomi.devによって開発されたChromeの拡張機能で、その主な機能は「Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order拡張機能のCRXファイルをダウンロード

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Capo is a tool to help web developers understand the how optimal the ordering of  elements are. Inefficient ordering can impede the browser and lead to slower user-perceived performance.

To use, click the extension icon to preview the  element visualization, which also triggers additional debugging info to be logged to the console. Also, click any item in the preview to see its additional info in the console.

The top row of colors corresponds to the actual ordering of  elements, from red to blue in descending order of urgency, with grey being least urgent. The bottom row of colors corresponds to the sorted  elements, if everything were to be ordered by urgency. You can eyeball the differences between these two rows to get a sense for how well optimized the  is and which elements are out of place.                    

拡張機能の基本情報

名前 Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order
ID ohabpnaccigjhkkebjofhpmebofgpbeb
公式URL https://chromewebstore.google.com/detail/capo-get-your-%EF%B9%A4%F0%9D%9A%91%F0%9D%9A%8E%F0%9D%9A%8A%F0%9D%9A%8D%EF%B9%A5/ohabpnaccigjhkkebjofhpmebofgpbeb
説明 Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page
ファイルサイズ 35.1 KB
インストール数 1,339
現在のバージョン 1.4.5
最終更新日 2023-07-30
公開日 2023-06-19
評価 4.00/5 合計 1 レビュー
開発者 https://rviscomi.dev
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/rviscomi/capo.js
ヘルプページのURL https://github.com/rviscomi/capo.js/issues
対応言語 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Capo: get your \ufe64\ud835\ude91\ud835\ude8e\ud835\ude8a\ud835\ude8d\ufe65 in order",
    "description": "Visualize the optimal ordering of \ufe64\ud835\ude91\ud835\ude8e\ud835\ude8a\ud835\ude8d\ufe65 elements on any web page",
    "version": "1.4.5",
    "permissions": [
        "scripting",
        "activeTab",
        "storage"
    ],
    "action": {
        "default_icon": "images\/icon128.png",
        "default_popup": "capo.html"
    },
    "options_page": "options\/options.html",
    "content_security_policy": {
        "extension_pages": "default-src 'self'; style-src 'self';"
    },
    "icons": {
        "128": "images\/icon128.png",
        "256": "images\/icon256.png"
    }
}