Google Chrome 谷歌浏览器 调试被坑之路
有时我们前端开发的时候会遇到跨域问题,需要打开谷歌浏览器的非安全模式,这样可以降低浏览器的安全性,禁用同源策略,利于开发人员本地调试。
下面先说如何打开Chrome的非安全模式:
1.把所有已经打开的chrome窗口关闭!
2.打开cmd,按着下图的三步执行
3.之后回车就会打开非安全模式的chrome,并且浏览器会提示‘您使用的是不受支持的命令行标记:--disable-web-security。稳定性和安全性会有所下降。’(如果不提示这句话就不是非安全模式哦!)
注意:执行cmd里第三步前,你的c盘下的Program Files (x86)\Google\Chrome\Application\这个路径下要有chrome.exe,如果没有可以将你下载的chrome.exe复制到这个路径下。
现在进入正题
首先看你的谷歌浏览器的版本,分新,旧版本两种情况。
新版本谷歌浏览器
比如版本84.0.4147.125 (如何查看浏览器版本在文章最后)
先打开浏览器的非安全模式,当你打开你要开发的项目时,若控制台有如下提示:
点击Go to Issues后提示
或者有这样提示
这种情况在浏览器地址栏输入chrome://flags/
找到SameSite by default cookies 和 Cookies without SameSite must be secure (直接在搜索框搜SameSite就能出来),将这两项设为Disabled,然后点击底部的Relaunch按钮,就会重新打开浏览器,再打开项目应该就没问题了(有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果)
像这样(这个图是在某位大佬博客里截的,因为我的浏览器不是新版的,无法截图,先借用一下)
这种情况到此就结束了,如果有问题可以与我联系,看看能不能帮各位大佬解答。
旧版本谷歌浏览器
如果是旧版本比如我用的72.0.3626.119
直接打开浏览器的非安全模式就可以了。
最后,如果你的浏览器是最新的版本,用以上方法无效的话,建议卸载新版本,安装旧版本吧
(因为我就是这样,新版本方法用了半个月就失效了,只能重新下载旧版本)
查看浏览器版本方法:
各版本浏览器下载地址:https://www.portablesoft.org/google-chrome-legacy-versions/
有关cookie和SameSite知识可以参考
https://www.jianshu.com/p/dd73c27ab8d6
http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html