禁用同源策略 chrome safari

熊猫小账本App

已于 2023-03-19 23:01:20 修改

阅读量654

点赞数 1

分类专栏：提升体验 JavaScript 文章标签： chrome safari 前端

于 2023-03-14 20:31:58 首次发布

本文链接：https://blog.csdn.net/u013633921/article/details/129538774

版权

提升体验同时被 2 个专栏收录

51 篇文章

订阅专栏

JavaScript

19 篇文章

订阅专栏

文章介绍了如何在终端中通过特定命令启动Chrome浏览器以禁用同源策略，创建一个纯净的浏览器环境用于开发时的跨域测试。通过示例代码展示了在新旧两个Chrome实例中执行fetch请求的区别，并提及Safari浏览器的相关处理更简便。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

终端中执行下面命令，注意将 XXXXXXXXX 替换掉

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/XXXXXXXXX/MyChromeDevUserData/

在这里插入图片描述

然后会自动打开一个新的 chrome 会看到一条提示，如下；

旧的 chrome 有登录，书签，皮肤主题，安装的插件等；

新打开这个几乎就是个全新的，刚安装的浏览器；

在这里插入图片描述

把它俩放一起，需要开发时跨域就用右边这个，平时还是不建议使用。

在这里插入图片描述

写点代码来测试一下

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>禁用同源策略</title>
</head>
<body>
    <script>
        fetch('https://baidu.com').then((res) => {
            console.log('res', res)
        }).catch((err) => {
            console.log('err', err)
        })
    </script>
</body>
</html>