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
电子邮箱 [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"
            ]
        }
    ]
}