React-Native实际项目开发中的高效率调试实践方案
发布时间:2020-12-15 08:25:57 所属栏目:百科 来源:网络整理
导读:前言 项目开发过程中,调试非常重要,调试工具决定了我们的开发效率,最近在做一个项目采用React-Native框架,对这个框架的调试做了一点研究,为此分享一下个人的见解: 方法 在运行带RN的工程后,当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android
前言项目开发过程中,调试非常重要,调试工具决定了我们的开发效率,最近在做一个项目采用React-Native框架,对这个框架的调试做了一点研究,为此分享一下个人的见解: 方法在运行带RN的工程后,当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键,调出RN的开发者菜单,如图所示, 其中有选项“Debug JS Remotely”,可以将JS脚本在浏览器中进行调试。 此时浏览器会新建一个地址为http://localhost:8081/debugger-ui的窗口。 页面已经告诉我们React-Native的JS脚本正在这个tab中运行。 可以通过快捷键??J(注释:command+option+J)打开开发工具。 按照提示打开debug模式,就可以看到这样的一个窗口。 这里需要注意源文件的位置,很多同学可能没有看到这个,如下截图: 剩下的就和web一样了,可以尝试设置一个断点调试了! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |