NerdeFocus
Quickly debug focus problems when testing a page for accessibility issues.
What is NerdeFocus?
NerdeFocus is a Chrome extension developed by wizzyfx, and its main feature is "Quickly debug focus problems when testing a page for accessibility issues.".
Extension Screenshots
Download NerdeFocus Extension CRX File
Download NerdeFocus extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  NerdeFocus |
| ID | lpfiljldhgjecfepfljnbjnbjfhennpd |
| Official URL | https://chromewebstore.google.com/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd |
| Description | Quickly debug focus problems when testing a page for accessibility issues. |
| File Size | 46.69 KB |
| Installation Count | 2,067 |
| Current Version | 0.3.2 |
| Last Updated | 2022-01-12 |
| Publish Date | 2019-05-29 |
| Rating | 4.43/5 Total 7 Ratings |
| Developer | wizzyfx |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/wizzyfx/nerdeFocusPlugIn |
| Help Page URL | https://github.com/wizzyfx/nerdeFocusPlugIn/issues |
| Supported Languages | 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"
]
}
]
} | |
