NerdeFocus

Quickly debug focus problems when testing a page for accessibility issues.

NerdeFocusとは何ですか?

NerdeFocusはwizzyfxによって開発されたChromeの拡張機能で、その主な機能は「Quickly debug focus problems when testing a page for accessibility issues.」です。

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

screenshot

NerdeFocus拡張機能のCRXファイルをダウンロード

NerdeFocus拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        When activated, NerdeFocus displays the focus history with CSS selectors, and overlays an easy-to-follow focus indicator on the page.

NerdeFocus is great for detecting focus resets, testing keyboard focus, and debugging screen reader issues in modern web apps.

To use the extension, open your browser’s Developer Tools, navigate to the NerdeFocus tab, and click "Record".

NerdeFocus is a free and Open-source project.                    

拡張機能の基本情報

名前 NerdeFocus NerdeFocus
ID lpfiljldhgjecfepfljnbjnbjfhennpd
公式URL https://chromewebstore.google.com/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd
説明 Quickly debug focus problems when testing a page for accessibility issues.
ファイルサイズ 46.69 KB
インストール数 2,067
現在のバージョン 0.3.2
最終更新日 2022-01-12
公開日 2019-05-29
評価 4.43/5 合計 7 レビュー
開発者 wizzyfx
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/wizzyfx/nerdeFocusPlugIn
ヘルプページのURL https://github.com/wizzyfx/nerdeFocusPlugIn/issues
対応言語 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "NerdeFocus",
    "version": "0.3.2",
    "manifest_version": 2,
    "description": "Quickly debug focus problems when testing a page for accessibility issues.",
    "homepage_url": "https:\/\/github.com\/wizzyfx\/nerdeFocusPlugIn",
    "devtools_page": "src\/devtools\/devtools.html",
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "background": {
        "scripts": [
            "src\/bg\/background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "all_frames": true,
            "js": [
                "vendor\/jquery-3.2.1.slim.min.js",
                "src\/inject\/inject.js"
            ]
        }
    ]
}