Knockout Context Hover

KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1

What is Knockout Context Hover?

Knockout Context Hover is a Chrome extension developed by papounidis.alex, and its main feature is "KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Knockout Context Hover Extension CRX File

Download Knockout Context Hover 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

                        Development and debugging assistant for Knockout JS
https://github.com/alexcodito/KnockoutContextHover

- Display the hovered element's KnockoutJS context, HTML tag and attributes
- Traverse complex objects and arrays
- Set values of variables and observables
- Convert plain variables into observables
- Refresh hovered element's KO bindings
- Log context objects straight into the browser Dev tools console
- Shortcuts for following the mouse cursor & toggling live context
- Click and execute a function

Also available on Mozilla Firefox.

Tested KnockoutJS versions:

    3.4.2
    3.1.0
    2.2.1

Supports KnockoutJS loaded as a RequireJS module. 

HOW TO USE
Right click on a page that runs KnockoutJS and press the "KO Context Hover" option to activate the panel. Shortcuts for controlling mouse pointer following/live context data are present at the top of the panel.

Please note that KnockoutJS makes use of unsafe practices (e.g. eval, innerHTML). This will cause browser validators to flag this extension with several warnings.

Please note that this extension was developed for personal needs. I may not maintain future KoJS version compatibility or provide any support. With that said, please feel free to contribute to the GitHub repo.

PRIVACY POLICY
https://github.com/alexcodito/KnockoutContextHover/blob/master/PRIVACY-POLICY.md                    

Extension Basic Information

Name Knockout Context Hover Knockout Context Hover
ID lcpnkclcbpmhekkjnkomhoecoiobbejf
Official URL https://chromewebstore.google.com/detail/knockout-context-hover/lcpnkclcbpmhekkjnkomhoecoiobbejf
Description KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1
File Size 92.1 KB
Installation Count 3,882
Current Version 1.8
Last Updated 2021-01-30
Publish Date 2020-02-25
Rating 3.80/5 Total 10 Ratings
Developer papounidis.alex
Email [email protected]
Payment Type free
Extension Website https://github.com/alexcodito/KnockoutContextHover/
Help Page URL https://github.com/alexcodito/KnockoutContextHover/
Privacy Policy Page URL https://github.com/alexcodito/KnockoutContextHover/blob/master/PRIVACY-POLICY.md
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Knockout Context Hover",
    "short_name": "ko-context-hover",
    "description": "KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1",
    "version": "1.8",
    "manifest_version": 2,
    "author": "Alexandros Papounidis",
    "icons": {
        "32": "icons\/ko-context-hover-logo-32x32.png",
        "64": "icons\/ko-context-hover-logo-64x64.png",
        "128": "icons\/ko-context-hover-logo-128x128.png"
    },
    "permissions": [
        "activeTab",
        "contextMenus"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "css": [
                "styles\/ko-context-hover-style.css"
            ],
            "js": [
                "scripts\/knockoutjs-3.4.2.min.js",
                "scripts\/contentscript.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "scripts\/background.js"
        ]
    },
    "web_accessible_resources": [
        "markup\/panel.html",
        "scripts\/ko-context-hover.js",
        "reference-binding-handlers\/ko.bindingHandlers.kchHoverClass.js",
        "reference-binding-handlers\/ko.bindingHandlers.kchLet.js"
    ]
}