Focused Element

Highlight the focusing element and log it in console.

What is Focused Element?

Focused Element is a Chrome extension developed by LiJunLe, and its main feature is "Highlight the focusing element and log it in console.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Focused Element Extension CRX File

Download Focused Element 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

                        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.                    

Extension Basic Information

Name Focused Element Focused Element
ID elaccagjpdmjkcjogbdmcpcplfinifbh
Official URL https://chromewebstore.google.com/detail/focused-element/elaccagjpdmjkcjogbdmcpcplfinifbh
Description Highlight the focusing element and log it in console.
File Size 27.42 KB
Installation Count 1,140
Current Version 0.2.0
Last Updated 2020-09-04
Publish Date 2019-04-20
Rating 5.00/5 Total 2 Ratings
Developer LiJunLe
Email [email protected]
Payment Type free
Extension Website https://github.com/lijunle/chrome-extension-focused-element
Help Page URL https://github.com/lijunle/chrome-extension-focused-element/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Focused Element",
    "description": "Highlight the focusing element and log it in console.",
    "version": "0.2.0",
    "author": "Junle Li",
    "icons": {
        "16": "icons\/active-16.png",
        "32": "icons\/active-32.png",
        "48": "icons\/active-48.png",
        "128": "icons\/active-128.png"
    },
    "browser_action": {
        "default_title": "Enable",
        "default_icon": {
            "16": "icons\/inactive-16.png",
            "32": "icons\/inactive-32.png",
            "48": "icons\/inactive-48.png",
            "128": "icons\/inactive-128.png"
        }
    },
    "permissions": [
        "activeTab"
    ],
    "background": {
        "scripts": [
            "lib\/background.js"
        ],
        "persistent": false
    }
}