Javascript 扩展是怎样的;React开发者工具“;工作

Javascript 扩展是怎样的;React开发者工具“;工作,javascript,google-chrome-extension,google-chrome-devtools,react-devtools,Javascript,Google Chrome Extension,Google Chrome Devtools,React Devtools,我正在尝试构建一个chrome开发工具,帮助开发人员调试他们的代码(前端的javascript代码)。但是,由于大多数开发人员使用webpack等工具将javascript代码构建到单个大文件中,并且浏览器获得的代码与开发时编写的代码不同,因此我想知道是否有方法访问他们编写的代码。这就是react devtools等工具检测react应用程序并基于该代码提供外部内容的方式吗?如果是,怎么做?如果这正是您试图实现的目标,可能会很方便

我正在尝试构建一个chrome开发工具,帮助开发人员调试他们的代码(前端的javascript代码)。但是,由于大多数开发人员使用webpack等工具将javascript代码构建到单个大文件中,并且浏览器获得的代码与开发时编写的代码不同,因此我想知道是否有方法访问他们编写的代码。这就是react devtools等工具检测react应用程序并基于该代码提供外部内容的方式吗?如果是,怎么做?

如果这正是您试图实现的目标,可能会很方便