前端程序员干货Web前端之路

chrome 和 微信开发者工具 跨域

2017-10-17  本文已影响150人  weineeL

重要更新查看文末

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
  1. 点击应用和确定按钮关闭属性窗口,双击这个快捷方式,并打开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

参考

上一篇下一篇

猜你喜欢

热点阅读