MacOS react-native 调试 Chroma 跨域访问解决方案 (真机调试白屏问题)（完美篇）

不知道是RN升级还是Chrome升级，现在RN无法真机调试了。网络多方查阅资料都不和我意，遂在各方资料的基础上整理了利用

--args --disable-web-security  --user-data-dir=/Users/${YourUserName/MyChromeDevUserData/

给Chrome浏览器添加启动参数，并将此启动参数注册到#!/bin/bash\ncd中的方法，虽然降低了Chrome的安全性，但是对于RN调试体验来说，这点牺牲是值得的。

1.打开 Terminal 进入终端状态，默认的提示符应该是 $；

 

2.进入 Chrome.app 目录；

 

$ cd "/Applications/Google Chrome.app/Contents/MacOS/"

 

3.将原先的启动脚本改个名字；

 

$ sudo mv "Google Chrome" Google.real

 

4.使用管道操作创建新的启动脚本，注意其中加入你所需要的启动参数，这里的例子是启用内置的 Flash；

 

$ sudo printf '#!/bin/bash\ncd "/Applications/Google Chrome.app/Contents/MacOS"\n"/Applications/Google Chrome.app/Contents/MacOS/Google.real" --args --disable-web-security  --user-data-dir=/Users/${YourUserName}/MyChromeDevUserData/ "$@"\n' > Google\ Chrome

注意这里的 ${YourUserName} 是指你的Mac电脑用户名

5.给新的脚本加上运行权限；　

$ sudo chmod u+x "Google Chrome"

 

参考：https://zhidao.baidu.com/question/585709099.html 教你如何为 Mac 版 Chrome 增加启动参数

GitHub: https://github.com/YHQiu