console.diff(...)

Compare objects in memory with console.diff(old, new) devtools function

console.diff(...)とは何ですか?

console.diff(...)はAlexander Blockによって開発されたChromeの拡張機能で、その主な機能は「Compare objects in memory with console.diff(old, new) devtools function」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

console.diff(...)拡張機能のCRXファイルをダウンロード

console.diff(...)拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        An extension for developers that enhances the console API by incorporating the ability to compare objects and adds a JSDiff tab (parallel to Elements, Network panels) within your dev-tools for viewing the results.

Note: before using, immediately after fresh installation, - make sure to refresh inspected tab or restart browser.

API:
// compare left and right
console.diff(left, right);

// shorthand for console.diffPush(next)
console.diff(next);

// update object on the left side only
console.diffLeft(left);

// update object on the right side only
console.diffRight(right);

// shifts sides, right becomes left, next becomes right
console.diffPush(next);

Read more at: https://github.com/zendive/jsdiff                    

拡張機能の基本情報

名前 console.diff(...) console.diff(...)
ID iefeamoljhdcpigpnpggeiiabpnpgonb
公式URL https://chromewebstore.google.com/detail/consolediff/iefeamoljhdcpigpnpggeiiabpnpgonb
説明 Compare objects in memory with console.diff(old, new) devtools function
ファイルサイズ 93.89 KB
インストール数 229
現在のバージョン 3.0.5
最終更新日 2024-02-06
公開日 2019-02-22
評価 5.00/5 合計 2 レビュー
開発者 Alexander Block
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/zendive/jsdiff
ヘルプページのURL https://github.com/zendive/jsdiff/issues
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "console.diff(...)",
    "version": "3.0.5",
    "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlCx2Bl0li+3idvfrH9cQL\/MzphafGFqMUA2P+0vbyhwxsxWl0llOaGQbkirX5qCoAVHoUCPqu3hCjpVCv35igPbfqDs5bdLZZmXt2F0HjEQnWI\/eZKd9IKcKYMplEeL2BodmpU02VrP1UnUzQHZeeMWk9ybgWOqCimkwliILVubRj5dxNB9AidLwO4Z5iGq\/OvW9AJMYdxKxrLP2lF6\/GGNcCBg+iCJZwlQOhFB9LbUjytT4ws3bIEX4b5zmWLqGKR1NiZfGug2eCWXt9oEKg2WkbXmBBzFKqxnM\/bBUrVR29N9qNgx0f42qnyhsW3Bo4kPzE3d0asXCV5nofLTLEwIDAQAB",
    "description": "Compare objects in memory with console.diff(old, new) devtools function",
    "minimum_chrome_version": "100.0",
    "homepage_url": "https:\/\/github.com\/zendive\/jsdiff",
    "author": "[email protected]",
    "permissions": [
        "storage"
    ],
    "host_permissions": [
        "*:\/\/*\/*"
    ],
    "devtools_page": "bundle\/jsdiff-devtools.html",
    "icons": {
        "28": "bundle\/img\/panel-icon28.png",
        "64": "bundle\/img\/panel-icon64.png",
        "128": "bundle\/img\/panel-icon128.png"
    },
    "content_scripts": [
        {
            "world": "MAIN",
            "js": [
                "\/bundle\/js\/jsdiff-console.js"
            ],
            "matches": [
                ""
            ],
            "match_origin_as_fallback": true,
            "all_frames": true,
            "run_at": "document_start"
        },
        {
            "js": [
                "\/bundle\/js\/jsdiff-proxy.js"
            ],
            "matches": [
                ""
            ],
            "match_origin_as_fallback": true,
            "all_frames": true,
            "run_at": "document_start"
        }
    ]
}