IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 网络协议 -> Chrome 96版本无法携带cookie问题的解决方案 -> 正文阅读

[网络协议]Chrome 96版本无法携带cookie问题的解决方案

使用方法

老规矩,先放工具,再讲内容。

下载 插件
,或者百度网盘提取码:rn0b

点击Chrome浏览器右上角… =>更多工具=>拓展程序

打开开发者模式,拖入zip文件,立即生效

通过右上角插件按钮可以将插件固定在顶端

注意:在某些场景下(如异地登陆、注册、验证码等),cookie情况较复杂,可能会产生验证失败的情况,如遇上述情况,关闭插件即可。


背景

Chrome 51 开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪。谷歌默认SameSite属性为Lax。80版本开始,跟SameSite相关的两个属性,SameSiteByDefaultCookies和CookiesWithoutSameSiteMustBeSecure默认设置为default,意思是必须同域才能携带cookie。如果想要跨域携带cookie的话,必须把cookie属性设置成secure,意思是cookie必须通过https请求发送。

在90版本,我们可以简单的在chorme://flags中把SameSite相关属性设置为disabled即可解决问题。

引用:解决chrome浏览器请求无法携带Cookie问题

91版本的chrome在chorme://flags中取消了这两个选项,导致无法禁用,但是我们仍然可以通过命令行禁用。

引用:知乎:91版本无法携带cookie的问题

在94版本,命令行也无法解决问题。

如果我们不换种方式去解决这个问题,我们就无法使用chrome开发。

当然,逃避这个问题也不是不行,并不是离开了最新版本的Chrome就活不下去。有些人选择了火狐浏览器或360浏览器开发,有些人选择回退chrome至89版本。

但是不可能一味的逃避问题,有大佬给出了一些解决方案。

引用:知乎:chrome 94预计cookie策略再加码,怎么放心大胆的升级?

那么,能不能有更便捷的解决方案呢?

解决方案及源码分享

另辟蹊径

先不管SameSite什么的原理,我们遇到的这个问题的本质是cookie带不上,我们如果能强行给它带上cookie,问题不就迎刃而解了吗?

这时候,我们就可以使用谷歌官方提供的插件API Chrome extence官方文档 去完成cookie的携带工作。

思路很简单,通过chrome拓展插件提供的webRequestBlocking APIcookie API 读取浏览器中的cookie,同时拦截没有携带cookie的请求,强制使其携带同源cookie。

大家可以自己直接去看源码,思路很简单

https://github.com/chirpmonster/chrome-cookie-extence

首先是调用获取cookie的API,注意这个API是异步的

function updateCookie() {
    chrome.cookies.getAll(
        {},
        (cookie) => {
            storeCookie(cookie)
        },
    )
}

然后缓存cookie,并解析为map,等待拦截请求时使用

function storeCookie(cookie) {
    //cookie更新校验
    if (state.cookieStr === JSON.stringify(cookie)) {
        console.log('cookie缓存未更新')
        return
    }
    state.cookieStr = JSON.stringify(cookie)
    const newCookieMap = new Map()
    //解析domain
    cookie.forEach((item) => {
        const str = (newCookieMap.get(item.domain) || '') + item.name + '=' + item.value + '; '
        newCookieMap.set(item.domain, str)
    })
    state.cookieMap = newCookieMap
    console.log('cookie缓存已更新')
    console.log(cookie)
}

添加请求拦截器的API,对所有请求调用setCookie方法

function addRequestListener() {
    chrome.webRequest.onBeforeSendHeaders.addListener(
        setCookie,
        {urls: ["<all_urls>"]},
        ["blocking", "requestHeaders", "extraHeaders"]
    );
}

正则解析匹配拦截到的请求的domain,并添加进请求头

function setCookie(details) {
    if (!state.cookieStatus) {
        return
    }
    updateCookie()
    //如果已经有cookie,return
    for (let i = details.requestHeaders.length - 1; i >= 0; i--) {
        if (details.requestHeaders[i] === 'Cookie') {
            return
        }
    }
    const url_to_domain_reg=/://.*?//i
    const domain_to_subdomain_reg=/.([a-z0-9-])+.[a-z]+(:[0-9]*)?/g
    if (!details.url) {
        console.log(details+'本次未成功携带Cookie,请确认该请求是否需要携带Cookie')
        return
    }
    let domain=details.url.match(url_to_domain_reg)?.[0]??details.url //正则获取domain或者保底
    domain = domain.match(domain_to_subdomain_reg)
    domain = domain?.[0]?.split(':')?.[0]
    //网盘和谷歌商城存在验证问题
    let forbiddenList=['baidu','google','gitlab']
    for(let i=0;i<forbiddenList.length;i++){
        if(domain?.includes(forbiddenList[i])){
            return
        }
    }
    const newCookie = state.cookieMap.get(domain)
    //如果cookie不存在,return
    if (!newCookie) {
        return
    }
    details.requestHeaders.push({name: 'Cookie', value: newCookie})
    console.log('成功携带cookie:' + details.url)
    return {requestHeaders: details.requestHeaders}
}

完成!

https://github.com/chirpmonster/chrome-cookie-extence

走过路过给个小小的star吧!

  网络协议 最新文章
使用Easyswoole 搭建简单的Websoket服务
常见的数据通信方式有哪些?
Openssl 1024bit RSA算法---公私钥获取和处
HTTPS协议的密钥交换流程
《小白WEB安全入门》03. 漏洞篇
HttpRunner4.x 安装与使用
2021-07-04
手写RPC学习笔记
K8S高可用版本部署
mySQL计算IP地址范围
上一篇文章      下一篇文章      查看所有文章
加:2021-11-24 08:19:34  更:2021-11-24 08:20:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年7日历 -2024/7/3 21:31:40-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码