共有3个答案
如果您使用的是webpack，那么您可以在webpack中提供。devtool配置。配置。js
module.exports = {
devtool: 'source-map'
// rest of the webpack configurations
}
它将保留原始源代码。您可以在浏览器开发人员工具的“源”选项卡下查看此源代码。（如果您使用的是chrome/firefox，那么在source选项卡中，您可以按Ctrl-P快速搜索要调试/分析的文件。）
更多关于webpack devtool的信息。
希望这有帮助：）
Chrome扩展为开发者工具添加了另一个标签，并允许调试组件。您可以在React文档中查看预览并阅读更多相关信息。
其他浏览器还不支持React调试器。
安装Chrome扩展后，打开devTool（f12），可以看到：
- 新的react选项卡-用于检查react元素（如常规检查）
注意：可能需要重新启动chrome才能运行
-
问题内容： 我正在编写一个webapp，其中包含适用于Firefox和chrome的浏览器插件组件。我当前的测试系统使用通过Selenium IDE创建的一系列Selenium测试。 是否可以为Firefox和chrome（也可能是其他浏览器）安装，激活和删除selenium浏览器插件？ 我认为最大的担忧是安装/启用浏览器插件需要重新启动浏览器，我不确定是否可以通过selenium关闭。 通过访问
-
我正在使用selenium webDrive来测试我们的网站。我们还有一个浏览器插件/扩展，我们想以同样的方式进行测试。据我所知，没有任何方法可以使用web驱动程序测试插件的安装。是否有任何方法可以使用web驱动程序进行测试？如果没有，我如何自动测试插件的安装？
-
本文向大家介绍浏览器复制插件zeroclipboard使用指南，包括了浏览器复制插件zeroclipboard使用指南的使用技巧和注意事项，需要的朋友参考一下 一个简单例子： 2.2版本需要引用jquery,要习惯把js代码写到页面底部，经测试，发现此代码不支持IE10/11,以下提供兼容IE的function，替换js部分即可 最后，需要注意的是不要在本地调度，你会发现不会生效，因为Flash的
-
本文向大家介绍谷歌浏览器调试JavaScript小技巧，包括了谷歌浏览器调试JavaScript小技巧的使用技巧和注意事项，需要的朋友参考一下 谷歌浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。 工欲善其事必先利其器，接下来笔者给大家分享一些Chrome的使用方法。 假如读者了解如何在Chrome中添加JavaScript断点，那请继续阅读；否则，自行脑补。 假如有这
-
我试图在浏览器堆栈上运行多个浏览器上的E2E测试，我参考了在量角器中的多个/并行浏览器上的E2E测试？和Internet Explorer Selenium量角器e2e测试 但每次我试着运行测试时都会犯错- 谁能告诉我什么是我做错了这里，而且我们使用gulp ti运行规范，但我的问题是它是说，甚至没有超出认证。