Chrome 扩展：在页面上运行任何嵌入式脚本之前运行内容脚本

Question

我正在尝试通过更改嵌入到视频的 html 观看页面中的 player_api 脚本中的一些变量来更改 YouTube 播放器的某些行为。

问题是，无论我尝试什么，播放器的嵌入式脚本总是在我的扩展添加修改之前运行。从而保持玩家的行为相同。

我尝试将清单中的 run_at 属性设置为 document-start，但脚本根本没有运行。

我可以做些什么来停止该脚本的执行，直到我对其进行更改？

PS：我尝试通过拦截 html 调用并使用 Charles Proxy 编辑正文来更改脚本，然后播放器的行为按照我的意愿进行了更改。所以它知道如果在正确的时间完成它应该可以工作。

.

ma​​nifest.json

{
    "manifest_version": 2,
    "name": "YouFit For YouTube",
    "version": "1",
    "content_scripts": [{
        "js": ["content.js"],
        "matches": ["https://*.youtube.com/watch?*",
        "https://*.youtube.com/watch?*"],
    }],
    "browser_action": {
        "default_icon": "icon.png"
    }
}

content.js

function changeBehavior() {
    var scriptElements = document.getElementsByTagName('script');
    for (var i = 14; i < scriptElements.length; i++) {
        var curScriptBody = scriptElements[i].outerHTML;
        // Find the script i'm interested in
        if (curScriptBody.indexOf("var ytplayer") != -1) {
            scriptElements[i].outerHTML = scriptElements[i].outerHTML.replace("<text>", "<replacement text>");
            alert("Replaced");
            break;
        }
    }
}
changeBehavior();

Answer 1

你尝试过这样的事情吗？

content.js

var script = document.createElement('script');
script.textContent = "/* What you have in content.js right now */";
(document.head||document.documentElement).prepend(script);