优化 chrome://inspect 调试

chrome-inspect.md

• 打开 chrome://flags，启用：

• manifest.json

{
    "manifest_version": 2,
    "name": "Refine Inspector",
    "version": "1.0.0",
    "permissions": ["<all_urls>"],
    "web_accessible_resources": ["inject.js"],
    "content_scripts": [
        {
            "matches": ["chrome://inspect/*"],
            "js": ["bridge.js"],
            "run_at": "document_start"
        }
    ]
}

• inject.js

(function () {
    Function.prototype.bind = new Proxy(
        Function.prototype.bind, {
            apply(func, thisObj, args) {
                if (thisObj.name == 'sendTargetCommand' && args[1] == 'inspect') {
                    args[1] = 'inspect-fallback'
                }
                return Reflect.apply(func, thisObj, args)
            }
        }
    )
})()

• bridge.js

const script = document.createElement('script');
script.src = chrome.extension.getURL('inject.js');
script.onload = function() {
    this.remove();
};
(document.head || document.documentElement).appendChild(script);

• 上面三个文件放入同一文件夹，然后从 chrome://extensions/ 打开开发者模式，加载已解压的扩展