• home > webfront > browser > webkit >

    chrome浏览器跨域:mac与windows设置跨域的技巧

    Author:zhoulujun Date:

    Windows环境设置chrome跨域直接在快捷里面添加--args --disable-web-security --user-data-dir=C: MyChromeDevUserData 参数就可以了。mac需要命令操作。但是也可以添加 chrome快捷访问模式。

    解决Chrome跨域问题,首先注意要区分Chrome版本,49之前的版本和49之后的版本处理方法不同。具体如下:

    Chrome49之后的版本解决跨域问题:

    Windows环境设置chrome跨域: 

    1. 关闭所有的chrome浏览器。

    2. 新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加  --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData

    3. 通过快捷方式打开谷歌浏览器

    --user-data-dir 自己随便找了个文件夹,可以自己随便配置,不这么写的话,新版本浏览器可能出现设置不生效的问题

    这个方式等于是用户在自己电脑创建了一套chrome的私有化浏览器,里边的设置配置等均为私有化设置。此时找到chrome安装源目录,打开chrome.exe,会发现,在私有chrome配置的所有书签,选项等,在这个chrome里都没有。

    备注:如果要删掉C:\MyChromeDevUserData,一定要先做书签、账号密码等的备份。一经删除,等于是把个人电脑里的私有chrome卸载了,数据都不会保留

    MAC环境设置chrome跨域

    打开终端

    输入下面的命令( 需要替换路径中的yourname)

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

    注意:

    --user-data-dir参数后面没有添加文件夹名,是设置不成功的

    保证该路径/Users/yourname/下存在MyChromeDevUserData文件夹,没有文件夹MyChromeDevUserData,可以自己新建一个

    cd /Users/andyzhou
    mkdir MyChromeDevUserData
    chmod -R 777 MyChromeDevUserData
    open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/andyzhou/MyChromeDevUserData/

    这个是个人的完整示范

    Mac创建跨域Chrome快捷启动方式

    1. automator 创建快捷链接,访问

    2. command+ 空格打开,输入automator回车打开automator

    3. 选择应用程序,点击选取 shell

    4. 选择实用工具中的shell脚本,双击之后输入chrome 启动脚本

    5. 关闭并重命名,保存到应用程序,点击存储 Application(应用程序

    6. Launchpad打开创建的应用了

    如图所示

    WX20210225-172650@2x.png

    如此即可。


    Chrome49之前的版本解决跨域问题:

    Windows环境设置chrome跨域: 

    1. 关闭所有的chrome浏览器。

    2. 新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加--args --disable-web-security --user-data-dir

    3. 通过快捷方式打开谷歌浏览器

    MAC环境设置chrome跨域

    相对于新版本不需要新建添加MyChromeDevUserData文件夹

    可以增加  --allow-running-insecure-content 解决混合内容问题

    chrome解决浏览器跨域问题

    可以利用chrome插件的方式实现跨越临时解决方案。

    搜索chrome插件 Allow-Control-Allow-Origin


    参考文章:

    解决Chrome跨域问题 - 跨域系列 https://www.jianshu.com/p/56b1e01e6b6a

    Mac创建跨域Chrome快捷启动方式 https://juejin.cn/post/6844903929520586766

    新版chrome浏览器设置允许跨域 https://www.haorooms.com/post/chrome_cros_yx



    转载本站文章《chrome浏览器跨域:mac与windows设置跨域的技巧》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/browser/webkit/2021_0225_8620.html