chrome 和 微信开发者工具 跨域

重要更新查看文末

mac 和 windos平台下，chrome和微信开发者工具的跨域，跨域主要是为了在开发阶段调用接口。

image.png

Mac 平台

要先完全退出chrome或微信开发者工具后执行。有可能需要尝试多次才能起作用。一般会提示 你使用的是不受支持的命令标记 --disable-web-security

chrome

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

微信开发者工具

不同版本的微信开发者工具在/Applications下的名字可能不同，根据实际情况修改命令行。

open -a /Applications/wechatwebdevtools.app --args --disable-web-security --user-data-dir

微信开发者工具跨域

Windows

chrome

1. 新建一个目录，例如: C:\path\to\ChromeUserData，可以根据自己的习惯创建。
2. 新建一个能打开chrome的快捷方式，右击快捷方式，选择属性，弹出属性窗口。
3. 在快捷方式选项卡下的目标输入框中追加上--disable-web-security --user-data-dir=C:\path\to\ChromeUserData，注意开头有个空格。

image.png

4. 点击应用和确定按钮关闭属性窗口，双击这个快捷方式，并打开chrome，查看是否有你使用的是不受支持的命令标记 --disable-web-security的提示。

微信开发者工具

对比chrom的操作执行。

警告

所有操作要在完全退出chrome或微信开发者工具后操作。

---

2018.5.31更新

chrome 66 以上版本

open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir=~/Documents/sth

参考

• 微信开发者工具 跨域问题
• chrome浏览器的跨域设置——包括版本49前后两种设置