Item logo image for NerdeFocus V3

NerdeFocus V3

Item media 1 (screenshot) for NerdeFocus V3

Overview

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

Homepage: https://github.com/justforuse/nerde-focus. It is Manifest V3 version of https://chromewebstore.google.com/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd. Quickly debug focus problems when testing a page for accessibility issues. 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.

Details

  • Version
    0.3.4
  • Updated
    March 18, 2025
  • Offered by
    allenforuse
  • Size
    48.54KiB
  • Languages
    English
  • Developer
    Email
    allenforuse@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

StayFocus on Canvas

2.3

Prevents Canvas from detecting tab switching during quizzes or exams, maintaining focus on the Canvas page.

Accessibility Checker

4.2

Quickly find and highlight accessibility issues with the AccessibilityChecker.org browser extension.

Accessibility Insights for Web

4.7

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Focus Guard

5.0

Focus Guard reminds you to focus when you try to access distracting websites by redirecting you to the Focus page.

Layout Inspector

5.0

Debug and inspect layouts by outlining elements with Layout Inspector to fix design issues quickly.

Deep Focus

5.0

A chrome extension for blocking websites (for use with the Deep Focus app)

Focus Blocker

3.0

Block certain websites during designated focus times.

NerdeFocus

4.5

Quickly debug focus when testing accessibility

Focus on first input (keyboard shortcut)

4.4

Adds a shortcut that focuses the cursor on the first text input.

Pause page

3.0

Instantly pause the page when DevTools is open using a keyboard shortcut.

Focus input element

5.0

Focuses on the next or previous HTML input element when the shortcut key is pressed.

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

StayFocus on Canvas

2.3

Prevents Canvas from detecting tab switching during quizzes or exams, maintaining focus on the Canvas page.

Accessibility Checker

4.2

Quickly find and highlight accessibility issues with the AccessibilityChecker.org browser extension.

Accessibility Insights for Web

4.7

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Focus Guard

5.0

Focus Guard reminds you to focus when you try to access distracting websites by redirecting you to the Focus page.

Layout Inspector

5.0

Debug and inspect layouts by outlining elements with Layout Inspector to fix design issues quickly.

Deep Focus

5.0

A chrome extension for blocking websites (for use with the Deep Focus app)

Focus Blocker

3.0

Block certain websites during designated focus times.

Google apps