美文网首页
react-native 电脑调试

react-native 电脑调试

作者: Biao_349d | 来源:发表于2023-11-02 10:11 被阅读0次

方式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

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

相关文章

网友评论

      本文标题:react-native 电脑调试

      本文链接:https://www.haomeiwen.com/subject/sdfnidtx.html