在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
扩展基本上有两个主要部分。
- https://github.com/nddipiazza/oogi/blob/master/background.js这会拦截传入和传出的http标头，以便它可以正确地将命名空间添加到传入的cookie中，并从传出的cookie中删除它们。这样，cookie的命名空间对我们来说纯粹是本地的。
- https://github.com/nddipiazza/oogi/blob/master/inject.js这会拦截JavaScript cookie get和set操作，原因与我们为头文件执行操作的原因相同。
这里的问题是，为了使这个工作，我需要在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吗？的主要内容，如果未能解决你的问题，请参考以下文章
译Cromos – 下载并注入代码到谷歌 Chrome 浏览器扩展中
用 Chrome 扩展程序注入 javascript 应该这么容易吗？