在Chrome扩展程序中,您可以强制在一切之前注入一些javascript吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Chrome扩展程序中,您可以强制在一切之前注入一些javascript吗?相关的知识,希望对你有一定的参考价值。

我有一个Chrome扩展程序(下面提供的来源),它会遇到竞争条件。我需要一些注入的javascript才能在网页上的所有其他JavaScript之前运行。

我正在尝试做的一个简单例子的源代码在这里:https://github.com/nddipiazza/oogi

它试图将名称空间添加到实际上将作为cookie保留的所有cookie名称,但同时从正在使用的cookie中删除这些名称空间。

因此,假设没有扩展名,通常会在访问网站后保存2个Cookie:

JSESSIONID
lastVisit

此扩展将它们保存为:

oogi$JSESSIONID
oogi$lastVisit

扩展基本上有两个主要部分。

这里的问题是,为了使这个工作,我需要在inject.js中截取javascript cookie标头,绝对总是在任何其他javascript之前加载。但事实并非如此。

示例:内联javascript中的Cookie,例如:

<body>
<H2>Cookies from Inline JavaScript</H2>
<script>
    console.log("Inline javascript is executed.");
    document.write(listCookies());
</script>
</body>

将在加载注入cookie拦截器之前加载。您可以从控制台日志中看出将按以下顺序读取:

Inline javascript is executed.
cookie get/set injector completed

有没有办法解决这种注射竞争条件?我想允许Chrome扩展程序强制在页面上执行任何javascript之前运行javascript。

答案

感谢这张票的评论,我的案例中的解决方案是答案中的方法2:https://stackoverflow.com/a/9517879

特别感谢https://stackoverflow.com/users/3959875/woxxom

以下是完成解决方案的链接:

https://github.com/nddipiazza/oogi/commit/64e1ef8dc3abfb32fec2db5fb67891a29cfe12ea

代码的重要部分是与众不同的

var actualCode = `var cookieGetter = document.__lookupGetter__("cookie").bind(document);
var cookieSetter = document.__lookupSetter__("cookie").bind(document);
var getPrefix = function() {
    return "oogi$"
};
var processCookieStr = function(cookiesStr) {
    var prefix = getPrefix();
    var cookieStrList = cookiesStr.split('; ');
    var newStrList = [];
    cookieStrList.forEach(function(cookieStr){
        if (cookieStr.indexOf(prefix)==0) {
            newStrList.push(cookieStr.substring(prefix.length, cookieStr.length));
        }
    });
    return newStrList.join("; ");
};
var processSetCookieStr = function(str) {
    console.log("Processing set cookie string " + str);
    return getPrefix()+str;
};
Object.defineProperty(document, 'cookie', {
    get: function() {
        var storedCookieStr = cookieGetter();
        console.log("Intercepted a cookie get " + storedCookieStr + " , and returning processed cookie string " + processCookieStr(storedCookieStr));
        return processCookieStr(storedCookieStr);
    },
    set: function(cookieString) {
        var newValue = processSetCookieStr(cookieString);
        console.log("Intercepted a cookie set " + newValue)
        return cookieSetter(newValue);
    }
});
console.log("cookie get/set injector completed");
`;

var script = document.createElement('script');
script.textContent = actualCode;
(document.head||document.documentElement).appendChild(script);
script.remove();

以上是关于在Chrome扩展程序中,您可以强制在一切之前注入一些javascript吗?的主要内容,如果未能解决你的问题,请参考以下文章

Chrome扩展程序getUrl无法在注入文件中运行

用chrome开发工具注入CSS?

译Cromos – 下载并注入代码到谷歌 Chrome 浏览器扩展中

用 Chrome 扩展程序注入 javascript 应该这么容易吗?

在开发 chrome 扩展程序时,如何打开一个空白页来运行脚本?

通过一键安装自行发布 Chrome 扩展程序