以前开发游戏的时候都是单机游戏呀,现在开发有服务器的游戏。调试的时候,就发现了跨域的问题。非安全模式要才可以,但是很网上给的例子,当时一试运行,每次都带打开命令有点麻烦。

Mac环境打开非安全模式

1
2
3
4
5
# Chrome < 48
open /Applications/Google\ Chrome.app --args -disable-web-security

# Chrom > 48
open -a Google\ Chrome --args --disable-web-security --user-data-dir

2020年9月22更新:

后续更新步骤

  1. 先打开我们的Chrome 输入:
1
chrome://version

image-20200922113428763

找到个人路径:

1
/Users/smile/Library/Application Support/Google/Chrome/Default

简单修改一下:

1
/Users/smile/Library/Application\Support/Google/Chrome

最后组装一下:

1
open -a Google\ Chrome --args --disable-web-security --user-data-dir=/Users/smile/Library/Application\Support/Google/Chrome

其中 smile 是你 Mac电脑的名字 比如 admin 或者 xxx

输入 查看效果:

image-20200922113706684

成功出现 非安全模式:

image-20200922114112833

小插曲:

如果大家觉得 这样干扰了自己的Chrome 那么 可以这样

如果代码编辑器是 Webstorm 可以这样:

1
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/smile/Library/Application Support/JetBrains/WebStorm2020.1/chrome-user-data

如果是 VSCode可以这样:

1
open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir=/Users/smile/Library/Application\Support/Code/User/workspaceStorage/6085425d9b8abe60ebddec525bacfa5d/ms-vscode.js-debug/.profile

里面的路径的信息 一定修改成自己电脑本地环境的真实路径!!

注意:一定要关闭所有的 Chrome 浏览器和Chome 再打开

webstorm 打开Chome 非安全模式

  • 打开 webstorm

    image-20190412193030932

  • 设置 如下

image-20190412193122773

内容是:

1
--args --disable-web-security --user-data-dir

然后重启Chome 就搞定了

附上 windows 和Mac 简易 操作

windows

第一步:确保所有chrome浏览器都已经关闭
第二步:打开你的chrome浏览器(快捷方式)的属性窗口,再路径后面添加

1
--args --disable-web-security --user-data-dir

效果如下:

1
C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir

image-20200205203455563

第三步:打开浏览器,如果出现这个横幅,就说明非安全模式开启完成。

image-20200205203615488

MAC 解除chrome安全模式

打开终端输入

1
open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir

OK 输入地址即可 。

Chome 插件

  1. LocalStorage Manager

    https://chrome.google.com/webstore/detail/localstorage-manager/fkhoimdhngkiicbjobkinobjkoefhkap

  2. Clear Cache

    https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn

  3. octotree

    https://www.octotree.io/

  4. GitZip for github

    https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn

Chrome的插件扩展程序安装目录是什么?在哪个文件夹?

正常情况下,Chrome插件扩展程序的默认安装目录如下:

  1. windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions

  2. windows7中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions

  3. MAC中chrome插件默认安装目录位置:~/Library/Application Support/Google/Chrome/Default/Extensions

  4. Ubuntu中chrome插件默认安装目录位置: ~/.config/google-chrome/Default/Extensions

如果在这些不同操作系统中的chrome插件默认安装位置,没有找到插件。那么请通过下面的方式查看,如下图所示:

  1. 地址栏输入chrome:version 回车

  2. 用资源管理器打开”个人资料路径”栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径

    image-20200618121458351

参考文章