Reactjs 什么';这是浏览代码库和查找网页源代码的好方法

Reactjs 什么';这是浏览代码库和查找网页源代码的好方法,reactjs,google-chrome-devtools,Reactjs,Google Chrome Devtools,我对前端开发还不熟悉,我想在我们的网页代码库中找到源代码的好方法是什么。我通常做的是在chrome开发工具中的元素选项卡上,找到一个特殊的类名,然后在代码库中搜索该类名来定位文件。我觉得应该有更好的方法来完成这项任务。我试图在开发工具中使用source选项卡,但它在导航栏中显示了大量的文件和文件夹。我还尝试使用组件选项卡,因为我们使用的是react,但组件名称被缩小为单个字母。所以我想听听你们的建议。你通常是怎么做的?谢谢 有很多方法可以找到源代码或调试代码 ①您可以使用Chrome开发工具 ②

我对前端开发还不熟悉,我想在我们的网页代码库中找到源代码的好方法是什么。我通常做的是在chrome开发工具中的元素选项卡上,找到一个特殊的类名,然后在代码库中搜索该类名来定位文件。我觉得应该有更好的方法来完成这项任务。我试图在开发工具中使用source选项卡,但它在导航栏中显示了大量的文件和文件夹。我还尝试使用组件选项卡,因为我们使用的是react,但组件名称被缩小为单个字母。所以我想听听你们的建议。你通常是怎么做的?谢谢

有很多方法可以找到源代码或调试代码

①您可以使用Chrome开发工具
②您可以在VS中使用debbuger
③你可以 通过在java脚本代码中插入调试器来调试代码
④浏览器有 要查找的功能很好 代码(参考请查看图片。)


你的想法是对的,问题是你正在查看网站的(大概是生产版)。通常,在开发网站时,您运行一个开发服务器,其中所有代码(大部分)都显示为在IDE/编辑器中编写的代码。这样,您就可以通过chrome开发工具找到组件名称并检查源代码

您应该与当前负责代码的人员交谈,以帮助您在计算机上运行开发服务器。然后,找到组件名称,然后通过IDE/编辑器进行“在文件中查找”搜索,查看它们是什么,以及它们在代码库中的使用位置。可能有很多结果需要你去筛选。这是在大型代码库的过程中的标准,直到你变得更熟悉到哪里去。甚至后来


我会说;即使看似简单的事情也可能极其复杂,因此,如果代码所有者能给你一个大致的大纲,说明事情是如何组织的,以及为什么要使代码库的导航更容易,这对你来说将是非常有用的。但是,它总是有点难,而且取决于代码有多干净,它可能几乎无法穿透。祝你好运。

这并不像你想象的那么容易。大多数JS应用程序在编译时只绑定到几个JS文件中。所以原始源文件或多或少是未知的。你说的“在我们的网页代码库中查找源代码”是什么意思?在您询问的案例中,谁拥有源代码?你认识的人,或者,你是说,像Google.com?在前者中,你要求他们提供源代码,而后者,你不知道。如果它在github或gitlab上不公开,那么如果不要求编写它的人将其提供给您,您就无法看到源代码。或者您是在询问如何导航您已经拥有的代码库?@Multihunter Thx以获取您的答复。我有访问代码库的权限,但我正在尝试找出查找某个网页的文件的好方法。好的,你能更新你的问题以澄清这一点吗?您正在寻找导航代码库以查找在网站中创建特定页面的代码的帮助。这与Maximus和Rk开发者认为您的意思不同。@Multihunter Thx谢谢您的建议。我更新了我的问题。