Knockoutjs context debugger

Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.

什么是Knockoutjs context debugger?

Knockoutjs context debugger是由elijahzemlak733开发的Chrome扩展程序,该扩展的主要功能是“Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.”。

扩展截图

screenshot
screenshot
screenshot
screenshot

下载Knockoutjs context debugger扩展crx文件

下载Knockoutjs context debugger扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Product features and usage:
    - Extension supports developers to easily debugger value variables when using the "KnockoutJs" library for their html files. With the form showing the removal & data context for the selected dom button in the sidebar of the element pane.
    - Knockoutjs debugging extension.
         + Adds an additional sidebar in the element pane of chrome dev tools with knockout context and relevant data for the selected element. Very useful if you have large/nested views.
         + Very usefull if you got large/nested viewmodels.
         + Allows adding traces to everything observable/computable.
         + Allows editing of observables from the dashboard.

So to use the extension, the user's html file must download and use the KnockoutJS library (knockoutjs.com).

MIT license.
Tip (based on comments)
You can view the content of any observable in the viewmodel in the '$root_toJS' variable.

------ Change Log -------

Version-2.6.7: Add "Library Knockout Js" sharing feature to social networks: Twitter, LinkedIn and quickly share links to newsfeed facebook using post api.                    

扩展基本信息

名称 Knockoutjs context debugger Knockoutjs context debugger
ID oddcpmchholgcjgjdnfjmildmlielhof
官方URL https://chromewebstore.google.com/detail/knockoutjs-context-debugg/oddcpmchholgcjgjdnfjmildmlielhof
简介 Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.
文件大小 1.12 MB
安装次数 26,937
当前版本 2.6.8
更新时间 2023-11-01
上架时间 2014-08-07
评分 4.28/5 共186次评分
开发者 elijahzemlak733
电子邮箱 [email protected]
付费类型 free
隐私政策页面URL https://sites.google.com/view/transformtext/home
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "background": {
        "service_worker": "service-worker-loader.js",
        "type": "module"
    },
    "version": "2.6.8",
    "manifest_version": 3,
    "name": "Knockoutjs context debugger",
    "description": "Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.",
    "options_ui": {
        "page": "src\/options\/index.html",
        "open_in_tab": true
    },
    "devtools_page": "src\/devtool\/devtool.html",
    "content_scripts": [
        {
            "js": [
                "assets\/content-script-loader.index.ts.7c64ed84.6df94f50.js"
            ],
            "matches": [
                "https:\/\/*.facebook.com\/*",
                "https:\/\/twitter.com\/*",
                "https:\/\/*.linkedin.com\/*"
            ]
        }
    ],
    "host_permissions": [
        "https:\/\/*.facebook.com\/*",
        "https:\/\/twitter.com\/*",
        "https:\/\/*.linkedin.com\/*"
    ],
    "permissions": [
        "storage",
        "declarativeNetRequest"
    ],
    "icons": {
        "128": "icon_128.png"
    },
    "web_accessible_resources": [
        {
            "matches": [
                "https:\/\/*.facebook.com\/*",
                "https:\/\/*.linkedin.com\/*",
                "https:\/\/twitter.com\/*"
            ],
            "resources": [
                "assets\/index.ts.7c64ed84.js"
            ],
            "use_dynamic_url": true
        }
    ]
}