react-native 电脑调试

方式1:
step1:
打包一个apk,

step2:
下载夜神模拟器,并将apk安装到夜神模拟器

step3:
跑本地项目,查询本地Ip 和项目的端口
打开app(debug版本),

step4:
夜神模拟器app打开后,ctrl+8抖动, 然后

image.png

Change Bundle Location, 先输入ip,

链接成功后 点击debug,五个浏览器就会弹出控制台 ,至此完成.

方式2:

  1. 下载雷电模拟器---比起其他模拟器,这个少了很多广告,游戏
  2. 安装成功后把app拖进去,或者点击安装,选择安装的app- 需要时debug包哦
image.png
  1. 浏览器-属性-目标路径后加 --disable-web-security --user-data-dir,要有个小空格哈
    这里作用是跨域,电脑上面的谷歌浏览器设置就好了


    image.png
  2. 设置成手机模式

image.png
  1. 设置摇一摇链接本地项目(本地项目确保跑起来了)
image.png
  1. 点击change bundle location 然后输入本机ip+项目端口号


    image.png
  2. 等待步骤六成功后,再摇一摇点击那个debug


    image.png

点击后,这时候电脑上面的谷歌浏览器会打开debug控制台


image.png
  1. 项目代码里面添加这句代码

global.XMLHttpRequest = global.originalXMLHttpRequest || global.XMLHttpRequest

作用是可以查看网络请求。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容