React Native - 如何检查UI /元素？
lau*_*kok 9 javascript android facebook react-native
我已经安装了react开发工具.但是当我在模拟器上启动我的应用程序时,我无法看到它是我的Chrome浏览器.
如果你观看这个youtube剪辑,你可以看到反应选项卡在列表中,你可以检查你的应用程序的用户界面.
知道为什么吗？
如果反应开发工具在我的Chrome上无效,我该如何检查应用的UI /元素？
Doa*_*nND 18
Devtools"React"目前无法实现.这是因为devtools插件中应用程序脚本的评估方式发生了变化.你可以看到更多的https://facebook.github.io/react-native/docs/known-issues.html#devtools-react-tab-does-not-work
但是,您仍然可以在应用程序中调试UI.要检查元素,请在模拟器中打开您的应用程序>按Cmd + D>选择显示检查器.
- 你好，有没有办法让这个内置检查器变得更大？检查元素太小后出现的图像和文本 (4认同)
步骤1：使用以下命令全局安装react-devtools软件包：npm install -g react-devtools
步骤2：转到您的项目目录并运行项目
步骤3：打开其他命令提示符并转到Project Directory，然后运行以下命令react-devtools
第4步：它将打开“ React开发人员工具”
步骤5：现在在模拟器上，按Ctrl + M并选择Toggle Inspector
步骤6：现在您可以在React Developer Tools中进行检查
有关更多信息，请访问https://facebook.github.io/react-native/docs/debugging.html#react-developer-tools 在此处输入图片描述
- 你好，有没有办法让这个内置检查器变得更大？检查元素太小后出现的图像和文本 (2认同)
1.全局安装
npm install react-devtools
如果由于权限问题而出现 EACESS 错误，请尝试使用以下命令
sudo npm install -g react-devtools --unsafe-perm=true
3.然后在我们的项目目录中给出命令
react-devtools
它将打开单独的应用程序 React Native 开发者工具
4.从应用程序复制脚本并将其粘贴到我们的组件中并检查它
- 具体粘贴在哪里？ (3认同)
| 归档时间： |
|
| 查看次数： |
9337 次 |
| 最近记录： |