生成一个图表或模式，显示网站中所有文件之间的关系

Question

过去9个月，我一直在使用 PHP 和 Javascript 两个大型网站，而不使用任何框架。

每次我想修改页面或修复错误时，我都在花钱：

1. 10％找到带有html内容的 PHP 文件
2. 20％查找正在使用的 CSS 和 JavaScript 文件的时间
3. 20％找到它正在使用的 PHP 类以及它继承的函数和变量
4. 20％找到通过 ajax调用调用的所有脚本的时间。
5. 实际解决问题的时间只有 30％。

所以，我希望在项目中修改我要修改的每个文件，在索引所有上述内容后，它会显示包含所有这些关系的列表在图表/流程图上以及相应的链接到这些文件。

经过大量的谷歌搜索后，我找不到任何可以直接有效解决这个问题的方法。现在，除了只是逐个打开 PHP 文件中的所有内容之外，我正在使用 Google Chrome 的 Inspector 来快速找到来自网络标签的内容，甚至可以在来源标签中添加我的整个工作区，以便应用 CSS 和 JavaScript 直接从那里进行修改。问题在于，我没有任何选项可以找到任何服务器端代码（ PHP ）。此外，我不想依赖任何特定的 Web浏览器。最后，此解决方案不提供网站的架构的任何图形表示，这对于在几秒钟内理解您将首次修改的网页的整个结构非常重要。

我知道这个问题听起来有点偏离主题，但我在网上找不到任何东西（也许我没有使用正确的搜索关键字？）而且我觉得这是什么东西许多开发人员有时会挣扎，所以如果它得到了回答并且保持可见，它可能会非常有用。即使我由于经验的运气而忽略了这一点，并且对这类问题有不同的处理方法，我认为我不是第一个问题，并且对所有其他问题进行澄清也是一件好事。

Answer 1

我无法帮助您解决问题的图表部分，但我了解您的问题是索引。

您可以使用 sublime ，它或多或少适用于所有操作系统，同时它非常轻松。有了它，您将看到here。

的索引