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
官方網址 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
        }
    ]
}