Item logo image for Focused Element

Focused Element

5.0 (

3 ratings

)
Item media 2 (screenshot) for Focused Element
Item media 3 (screenshot) for Focused Element
Item media 1 (screenshot) for Focused Element
Item media 2 (screenshot) for Focused Element
Item media 3 (screenshot) for Focused Element
Item media 1 (screenshot) for Focused Element
Item media 2 (screenshot) for Focused Element
Item media 1 (screenshot) for Focused Element
Item media 2 (screenshot) for Focused Element
Item media 3 (screenshot) for Focused Element

Overview

Highlight the focusing element and log it in console.

During debugging a page, sometimes it is very hard to notice which element is focusing in the page. This extension will highlight the focusing element and log it in console. Even after turn off the extension, the developer can hover on the element in console to find back the element in DOM structure.

Details

  • Version
    0.3.1
  • Updated
    November 27, 2025
  • Offered by
    LiJunLe
  • Size
    6.65KiB
  • Languages
    English (United States)
  • Developer
    Email
    lijunle@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. To learn more, see the developer’s privacy policy .

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

For help with questions, suggestions, or problems, visit the developer's support site

Related

NerdeFocus

4.5

Quickly debug focus when testing accessibility

WCAG Color contrast checker

4.1

To check the color contrast between foreground and background of the texts

Focus Indicator

5.0

Adds a high-contrast outline around the element with keyboard focus

Accessibility Insights for Web

4.7

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

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Highlight Focus

5.0

This chrome extension will help you to highlight the current focused element in a webpage

taba11y - Tab order accessibility testing

5.0

Visualise tab order with ease

Focus input element

5.0

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

Access Assistant

4.9

Access Assistant

ARC Toolkit

3.5

Accessibility testing tool from TPGi

NerdeRegion

5.0

Debug Aria Live Regions

Accessible Color Picker

4.9

Accessible Color Picker

NerdeFocus

4.5

Quickly debug focus when testing accessibility

WCAG Color contrast checker

4.1

To check the color contrast between foreground and background of the texts

Focus Indicator

5.0

Adds a high-contrast outline around the element with keyboard focus

Accessibility Insights for Web

4.7

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

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Highlight Focus

5.0

This chrome extension will help you to highlight the current focused element in a webpage

taba11y - Tab order accessibility testing

5.0

Visualise tab order with ease

Focus input element

5.0

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

Google apps
Create a Mobile Website
View Site in Mobile | Classic
Share by: