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

Latest Version

Version
0.3.2
Update
January 11, 2022
Size
46.69KiB
Developer
Category
Users
2,000+
Rating
4.42857 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Http://*/*
Https://*/*
See more

NerdeFocus Extension

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.
Read more

Source 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" ] } ]}
Read more