react native基本调试技巧

刚入坑RN，很多小坑都要摸索很久才明白。今天咱们就来填console.log()的坑。

废话不多说，开始讲步骤！！

1、在模拟器中打开开发者菜单，选择 Debug JS Remotely，会自动在浏览器中打开一个地址为 http://192.168.10.98:8081/debugger-ui/ 的调试页面。

2、打开如下页面，接下来就跟咱们前端调试步骤一模一样了。按F12或打开开发者工具，都能看到控制台及各种调试栏工具。

3、在模拟器里面选择 Reload，就能看到实时的console输出了

转载于:https://www.cnblogs.com/souleigh-hong/p/9088830.html

react native基本调试技巧相关推荐

React Native 项目调试之二维码扫描
React Native开发官网: https://reactnative.cn/docs/0.51/running-on-device-android.html#content 转载:https:/ ...
React native 浏览器调试
1.在 chrome 中打开: http://10.10.10.137:8081/debugger-ui./ 2. 确保开发服务器开启 2.1 开启服务器: node_modules/react-n ...
《React Native 精解与实战》已发售，附 80 集配套免费视频教程
<React Native 精解与实战>是我撰写并由机械工业出版社出版的 React Native 实战书籍,书中讲解了 React Native 框架底层原理.React Native ...
React Native开发之IDE（Atom+Nuclide）安装，运行，调试
版权声明:本文为博主原创文章,如需转载请注明出处目录(?)[-] 前言 MacWindowsLinux 准备工作安装Atom 安装Nuclide 新建一个工程自动补全类型标注语法检查跳转到 ...
React Native初探
React Native初探转自:博客园叶小钗前言很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP ...
React Native 每日一学(Learn a little every day)
本文出自<React Native学习笔记>系列文章. 每天一个知识点(技巧,经验,填坑日记等),每天学一点,离大神近一点. 汇聚知识,分享精华. 如果你是一名React Native爱好 ...
用于React，React Native，JavaScript和生产力的顶级VSCode扩展
I've used VSCode full-time since 2016. Before I was using Visual Studio and I was looking for lighte ...
基于React Native的移动平台研发实践分享
本文转自微信号EAWorld.扫描下方二维码,关注成功后,回复"普元方法+",将会获得热门课堂免费学习机会! 本文目录: 一.React Native 已经成为了移动前端技术的趋势 ...
React Native开发速记
文章目录引子 React Native适用场景 React基础 JSX 组件的定义高阶组件(HOC) 生命周期函数与组件渲染组件的缺省属性组件之间的通信基础API Flex弹性布局例子: ...

react native基本调试技巧

react native基本调试技巧相关推荐

最新文章

热门文章