Google Chrome 谷歌浏览器 调试被坑之路

Google Chrome 谷歌浏览器 调试被坑之路

(其实不是被坑,是太菜了)

有时我们前端开发的时候会遇到跨域问题,需要打开谷歌浏览器的非安全模式,这样可以降低浏览器的安全性,禁用同源策略,利于开发人员本地调试。
下面先说如何打开Chrome的非安全模式:
1.把所有已经打开的chrome窗口关闭!
2.打开cmd,按着下图的三步执行

Google Chrome 谷歌浏览器 调试被坑之路

3.之后回车就会打开非安全模式的chrome,并且浏览器会提示‘您使用的是不受支持的命令行标记:–disable-web-security。稳定性和安全性会有所下降。’(如果不提示这句话就不是非安全模式哦!)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sXHIgH9S-1597710345973)(https://ftp.bmp.ovh/imgs/2020/08/f180f56c8d585dea.jpg)]

注意:执行cmd里第三步前,你的c盘下的Program Files (x86)\Google\Chrome\Application\这个路径下要有chrome.exe,如果没有可以将你下载的chrome.exe复制到这个路径下。
现在进入正题
首先看你的谷歌浏览器的版本,分新,旧版本两种情况。

新版本谷歌浏览器

比如版本84.0.4147.125 (如何查看浏览器版本在文章最后)

Google Chrome 谷歌浏览器 调试被坑之路

先打开浏览器的非安全模式,当你打开你要开发的项目时,若控制台有如下提示:

Google Chrome 谷歌浏览器 调试被坑之路

点击Go to Issues后提示

Google Chrome 谷歌浏览器 调试被坑之路

或者有这样提示

Google Chrome 谷歌浏览器 调试被坑之路

这种情况在浏览器地址栏输入chrome://flags/
找到SameSite by default cookies 和 Cookies without SameSite must be secure (直接在搜索框搜SameSite就能出来),将这两项设为Disabled,然后点击底部的Relaunch按钮,就会重新打开浏览器,再打开项目应该就没问题了(有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果)

像这样(这个图是在某位大佬博客里截的,因为我的浏览器不是新版的,无法截图,先借用一下)
Google Chrome 谷歌浏览器 调试被坑之路

这种情况到此就结束了,如果有问题可以与我联系,看看能不能帮各位大佬解答。

旧版本谷歌浏览器

如果是旧版本比如我用的72.0.3626.119

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bNf0Dt0Y-1597710345984)(https://ftp.bmp.ovh/imgs/2020/08/dc352e5ed301ca94.jpg)]

直接打开浏览器的非安全模式就可以了。

最后,如果你的浏览器是最新的版本,用以上方法无效的话,建议卸载新版本,安装旧版本吧

(因为我就是这样,新版本方法用了半个月就失效了,只能重新下载旧版本)

查看浏览器版本方法:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4WVUxZS3-1597710345986)(https://ftp.bmp.ovh/imgs/2020/08/5b84bcdafd6e2842.png)]

各版本浏览器下载地址: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