问题标签 [react-devtools]

我正在尝试从 devtool 扩展中为 React 的渲染方法创建一个猴子补丁，因为我正在尝试为我的扩展中的一个功能重新创建类似于 react_devtool 的 api 的东西。我用这两行代码欺骗了被检查窗口的虚拟 DOM

我也听说过通过访问窗口的__REACT_DEVTOOLS_GLOBAL_HOOK__. 每当页面有更新（setState/rerender）时，我都需要能够从 React 的 internalInstance 访问一组新数据。

这是我尝试猴子修补 React 的渲染方法。此代码从通过 my 注入的单独文件运行，该文件content-scripts.js能够访问检查窗口中的 React 应用程序的 dom。

不确定这是否是猴子修补方法的正确方法，但我也想知道这是否是我想要完成的正确方法。

我目前正在做一个项目，刚刚开始使用 ReactJs。（所以还是菜鸟）

我问自己：使用 React 开发工具的用户可以看到你所有的道具和状态。如何防止用户看到例如 ID 和更多“私人”内容？

提前致谢

为了调试我的反应应用程序，我想知道哪个道具被改变了。当应用程序运行时，它会执行componentWillReceiveProps无限次。我不知道收到了哪个道具。有没有办法通过比较this.props和nextProps/或任何其他方式来识别修改后的道具

与 redux 一起使用create-react-app，并在 chrome 中安装了这两个扩展，我可以用这两个来调试我的应用程序。

但是，在构建我的应用程序后npm run build，这两个扩展程序无法正常工作。

加载 redux devtools 是：

我需要使用从父组件作为道具传递的函数，将通过文件输入创建的 File 对象从子组件（下面的代码）共享到其父组件。

这是传递的函数：

父组件的状态：

这行不通。一旦设置为父组件的状态，我会尝试从 React 开发工具中查看 File 对象。

它就这样卡住了，我无法从树视图中打开它：

我得到这个控制台错误：

永远不必在组件之间共享特殊类型的对象。在这种情况下，理想的做法是什么？

好奇（且难以诊断）的问题。我在我的网站上添加了一个 CSP，它工作得很好，有 1 个错误似乎只出现在 Firefox 上（猜测它是 Mozilla CSP 实现异常）。但是，我不确定在这一点上如何更深入地诊断这一点。它似乎没有阻碍任何功能 - 一切似乎都正常，但我看到 Firefox 上弹出错误（它的报告非常垃圾，我可以用其他方式处理，但宁愿根本原因和处理）。

这是错误（几乎出现在网站的每个页面上）：

我通常通过 CDN 加载 jQuery，并且加载和运行它没有问题，尽管我确实尝试过下载 jQuery 并在内部加载它（这也很好）。

完整的 CSP 是：

刚刚重新验证，只在火狐上看到错误。我已经查看了其他相关问题，但似乎没有直接解决这个问题（例如：CSP Violation Detected in Firefox OS validator）。

此外，我注意到错误出现在页面 GET 之后立即出现在控制台中，但在所有资源 GET（用于脚本、css 文件等）之前，所以我想知道（甚至更多）它是否可能是CSP 的 FF 错误...？

任何关于如何从这一点开始的想法或建议都会非常有帮助——我有点用尽了自己的线索。谢谢！

** 更新 ** - Ug。它绝对是 React DevTools Firefox 扩展。禁用扩展，CSP 违规消失。此外，因为这是扩展本身的一个组件，所以无法将 React DevTools 与 FireFox + CSP 一起使用（实际上打开了任何级别的安全性）。布拉格。

我正在尝试安装和运行 react-devtools。我正在按照本指南执行此操作：https ://github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md

安装似乎没问题：

为了验证它是否正确安装，我执行以下命令：

然后我转到那个目录并确认有一个名为 react-devtools 的文件夹。

要打开文档指示我应该这样做的工具：

回到我的项目目录，我运行这个命令：

它说找不到命令。所以看起来我已经安装了 devtools，但我无法打开它们。我究竟做错了什么？

安装 React Devtools 后，我可以通过以下方式获取存储：

以及如何在没有 React Devtools 的情况下做到这一点？

我希望能够在开发模式下使用开发工具扩展，例如React Developer Tools to Atom。我怎样才能做到这一点？

官方 Electron 文档提到了一种在 Electron 窗口中加载 devtools 扩展的方法，但我无法将其应用于 Atom。

我在init.coffee我的文件夹的脚本中尝试了以下代码的.atom变体，但它们都失败了，因为“您尝试访问的此方法不存在”的某些变体。

这让我觉得我错过了一些东西。有没有办法从 加载 devtools 扩展init.coffee，或者我应该尝试其他方法？无论哪种方式，哪个是最简单的方法？

第二个问题：我还发现了这个 npm 包，它提供了一种在 Electron 中加载 devtools 扩展的简化方法。是否可以在 Atom 中使用它？我认为您不能将节点模块添加到init.coffee.

目前，我正在开发像广告板这样的大型平板电脑。我正在尝试使用 react-native 并且他们拥有的唯一端口是 USB。我正在尝试打开开发人员菜单，但不知道如何打开。我通过使用驱动器发送调试 apk 来安装应用程序。

我尝试的事情：-

1. 摇动大标签，可能是他们没有传感器
2. 使用 USB 公对公没有将 USB 检测为 adb 或任何东西。

知道如何打开这个吗？很难看不到控制台。

标签信息：型号四核 R18 广告

安卓版本安卓6.0.1

固件版本 ads_v1.0

内核版本 3.10.65 xiao@yh-Series2 #225