个人中心
gpt4 book ai didi

javascript - 在 Chrome 扩展中，你能强制在一切之前注入(inject)一些 javascript 吗？

转载 作者：数据小太阳 更新时间：2023-10-29 06:09:27 26 4
gpt4 key购买 nike

我有一个 Chrome 扩展程序(下面提供了源代码)遇到了竞争条件。我需要一些注入(inject)的 JavaScript 在网页上的所有其他 JavaScript 之前运行。

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

它试图将 namespace 添加到所有实际上将作为 cookie 持久化的 cookie 名称，但同时从正在使用的 cookie 中删除这些 namespace 。

因此，如果没有扩展名，您通常会在访问网站后保存 2 个 cookie:

JSESSIONID
lastVisit

此扩展会将它们保存为:

oogi$JSESSIONID
oogi$lastVisit

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

这里的问题是，为了让它工作，我需要 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/

26 4 0
文章推荐： javascript - AMP 中是否可以使用粘性 header ？
文章推荐： apache-spark - 将 spark-redis 连接器添加为依赖项时出现问题
文章推荐： Redis 客户端 Lettuce 命令超时与套接字超时
文章推荐： javascript - TypeError AWS.KinesisVideo 不是构造函数
数据小太阳
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com