H5直连APP调试

大家是不是都会遇到自己写的东西在h5浏览器上都是好的，但是唯独app是坏的，本地修改了代码app不能实时看到的困扰呢？

反正我遇到这种蛮多的，此时学会app调试就变得很重要了！！！

 

1.启动模拟器代码，比如react native，总之能在模拟器上打开的项目都是可以的

2.启动模拟器中的app，点击进入你想调试的页面（前提是此app是h5直连的）

3.打开mac自带浏览器safari，导航栏会出现开发菜单，点击开发菜单，会出现模拟器ios版本balabala，然后会出现需要调试的页面（这个地址会是测试发布的测试地址而不是本地localhost地址）

4.此时你就可以看到dom树结构，js断点，审查元素等等（app调试）

5.这个地址会是测试发布的测试地址而不是本地localhost地址，自己本地改的代码怎么实时看到呢？就是去访问localhost本地

有2种方案：a.自己在模拟器上的页面上随便找个按钮写个逻辑跳 h5 localhost地址

                     eg：this.jumpH5('http://localhost:3001/hotelDetail?cityId=2&cidt=2019-05-18&xxxxxxxxxxxx')

                    b.改好本地代码发布到测试环境再次从模拟器app进入你要调试的页面。