Js跨域修改别的网站cookie的一个可行性方案，依赖Chrome

痛定思痛。 2023-10-04 22:03 8阅读 0赞

我有一个需求：手里有一批cookie，我想用这些cookie去登录到别的网站，虽然浏览器里面是可以手动修改对应的cookie，但是这样不会把你累到肾虚.......

所以我不想手动操作，我怕肾虚........

#### 所以就有了另一个方案： ####

#### 通过chrome extensions 插件的方式间接修改目标网站的Cookie ####

根据官方文档：[https://developer.chrome.com/docs/extensions/reference/cookies/][https_developer.chrome.com_docs_extensions_reference_cookies]

可以看到，插件刚好有这个修改和获取网站cookie的接口

![0c9fefa5d87d41dcacb959ce772e43a2.png][]

#### 接口代码讲解： ####

url就是B网站的域名，例如：[https://mp.csdn.net/][https_mp.csdn.net]

nake后面的值就是cookie的key，例如： 227c9\_winduser

value就是cookie对应的值，例如：BFYMVlBTBVEBCANQBQR

const configCookie = { "url": url, "name": key, "value": val }
    chrome.cookies.set(configCookie);

但是这个只能一次修改一个cookie的值，如果要修改多个，就可以使用遍历的方式：

先将cookie按照分号切割成数组，然后把数组遍历一下：

const cookieList = caoliuCookies.split(";")
          cookieList.forEach(item => {
            const keyVal = item.trim().split("=")
            setCookie(caoliuUrl, keyVal[0], keyVal[1])
          })

如果我们想通过A网站修改B网站的cookie值，那我的网站A如何触发这个修改呢？并且如何给chrome插件传值呢？

#### 给chrome插件传值思路 ####

还是用到插件的cookie监听事件：onChanged

chrome.cookies.onChanged.addListener(
      callback: function,
    )

我们可以把这个监听写到插件的background.js文件中，当插件一经触发，就开始监听cookie变化，这个监听会监听所有网站的cookie变化，所以，我们就可以在A网站通过修改我们自己的cookie值，比如修改

document.cookie = \`UserAgent=asdfsafasfdasfdasfasasf\`

那么插件就会监听到这个变化：

chrome.cookies.onChanged.addListener((changeInfo) => {
      console.log('cookie发生变化了', changeInfo);
    })

变化的信息里面包含有多个内容：cause是导致变化的原因，cookie是详细的信息，cookie.name就是cookie的键，value就是cookie对应的值，cookie.domain是对应的域，相当于域名

{
        "cause": "explicit",
        "cookie": {
            "domain": ".csdn.net",
            "expirationDate": 1677232228,
            "hostOnly": false,
            "httpOnly": false,
            "name": "dc_session_id",
            "path": "/",
            "sameSite": "unspecified",
            "secure": false,
            "session": false,
            "storeId": "0",
            "value": "10_1677226031244.722720"
        },
        "removed": false
    }

截取到的简单详细：

![7f4a3daa007c4942b6c97935053a50d1.png][] 有了这个，我们就可以在A网站通过设置Cookie的方式，给Chrome插件传值了：

chrom插件拿到这些cookie后，就可以挑选出有用的cookie值，然后通过chrome.cookies.set给B网站设置值了

[https_developer.chrome.com_docs_extensions_reference_cookies]: https://developer.chrome.com/docs/extensions/reference/cookies/
[0c9fefa5d87d41dcacb959ce772e43a2.png]: https://img-blog.csdnimg.cn/0c9fefa5d87d41dcacb959ce772e43a2.png
[https_mp.csdn.net]: https://mp.csdn.net/
[7f4a3daa007c4942b6c97935053a50d1.png]: https://img-blog.csdnimg.cn/7f4a3daa007c4942b6c97935053a50d1.png