react-devtool在哪里?

时间:2015-12-15 04:07:37

标签: google-chrome google-chrome-extension reactjs

enter image description here

如您所见,我在Chrome上安装了它。 但是我的开发工具没有反应工具

2 个答案:

答案 0 :(得分:2)

目前,Chrome中无法使用React Dev Tools。请看一下这个官方链接:

http://facebook.github.io/react-native/docs/known-issues.html#content

  

目前无法使用devtools中的“React”选项卡来检查应用小部件。这是因为devtools插件中应用程序脚本的评估方式发生了变化。它们现在在Web Worker中运行,插件不知道这一点,因此无法与React Native正常通信。

     

但是,您仍然可以使用devtools的Console功能,并且使用断点调试JavaScript也可以。要使用控制台,请确保在devtools下拉列表中选择默认设置为的⚙debuggerWorker.js条目。

github上还有一个未解决的问题。请看看这个:

https://github.com/facebook/react-devtools/issues/229

  

React Native现在可以在Chrome上的Web Worker中运行,这样它就可以获得一个更加纯粹和孤立的JS环境,它更接近模仿设备上的JSC,但这会破坏React devtools。 @skevy指出了这一点,我还没有看到任务打开。修复可能需要在RN方面进行,但我认为考虑开发工具的人更有可能想到一个解决方案。

     

Repro :使用RN master运行应用,在Chrome调试器中运行,尝试使用React devtools,但“React”选项未在Web Inspector中显示。

答案 1 :(得分:1)

enter image description here

只有当您的网页正在使用时才启用它,我现在正在使用它。