我有一个 Chrome 扩展程序(下面提供了源代码)遇到了竞争条件。我需要一些注入(inject)的 JavaScript 在网页上的所有其他 JavaScript 之前运行。
我正在尝试做的一个简单示例的源代码在这里:https://github.com/nddipiazza/oogi
它试图将 namespace 添加到所有实际上将作为 cookie 持久化的 cookie 名称,但同时从正在使用的 cookie 中删除这些 namespace 。
因此,如果没有扩展名,您通常会在访问网站后保存 2 个 cookie:
JSESSIONID
lastVisit
此扩展会将它们保存为:
oogi$JSESSIONID
oogi$lastVisit
扩展基本上有两个主要部分。
https://github.com/nddipiazza/oogi/blob/master/background.js 这会拦截传入和传出的 http header ,以便它可以正确地将 namespace 添加到传入的 cookie 中,并从传出的 cookie 中删除它们。这样,cookie 的命名空间对我们来说就完全是本地的。
https://github.com/nddipiazza/oogi/blob/master/inject.js 这会拦截 JavaScript cookie get 和 set 操作,原因与我们拦截 header 的原因相同。
这里的问题是,为了让它工作,我需要 inject.js
中的 javascript cookie header 拦截绝对总是在任何其他 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
有没有办法解决这个注入(inject)竞争条件?我想允许 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();
关于javascript - 在 Chrome 扩展中,你能强制在一切之前注入(inject)一些 javascript 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50956891/