如何在浏览本地 Web 应用程序时跟踪和跟踪已执行的部分代码？答案

【问题标题】：How to follow and trace executed part of code while browsing a local web application?如何在浏览本地 Web 应用程序时跟踪和跟踪已执行的部分代码？
【发布时间】：2021-03-14 04:28:18
【问题描述】：

我有这个使用 PHP、bootstrap、jQuery、ajax 和 MVC 模式构建的巨大的本地 Web 应用程序，这让我很难知道与应用程序的某个部分相关的代码部分在哪里，有什么方法可以我可以在使用网络应用程序时跟踪正在执行的代码段？

【问题讨论】：

你可以尝试使用profiler工具
请问哪些？你能叫我一对吗？谢谢
请发布您的答案，如果有帮助则标记为已接受
你可以研究一下，你可以从 xdebug 开始
在您的 jQuery 代码中，使用 console.log 查看 jQuery/Javascript 代码何时执行。如果它们生成 HTML，您还可以在 PHP 文件中添加 HTML cmets。这可能会帮助您了解服务器端包含的来源。您甚至可以通过向元素添加背景颜色来编辑您的 CSS 文件，以查看正在使用的 CSS 样式以及它们的使用时间。

标签： php jquery debugging bootstrap-4 web-applications

【解决方案1】：

经过一番搜索，我发现我正在寻找的东西叫做 PHP profilers，有 3 种类型：

标准分析器（如 Xdebug）： 如果您的应用程序存在重大问题，标准分析器可以帮助您深入了解问题。标准分析器定期记录其应用程序的堆栈跟踪。每行代码，以及方法调用的频率。
跟踪分析器（这是我正在寻找的 Z-Ray 是一个流行的）：跟踪分析器比标准分析器更轻，可以在编码时使用。它们旨在在您开发时实时捕获错误并跟踪部分代码。
应用程序性能监控 (APM) 工具： APM 工具在整个开发生命周期中监控您的整个 Web 堆栈。它们为您提供 CPU 和内存等基本服务器指标，以及关于应用程序性能的详细代码级洞察。一些 APM 工具还为您提供事务跟踪和日志记录指标。

对我来说，Z-Ray 看起来是一个完美的工具，它具有 PHP 调试功能，它显示页面请求的所有内部细节，涵盖构建页面所涉及的所有 PHP 脚本。它被注入到来自 PHP 应用程序的响应中。此外，它会显示在您用于开发的浏览器中。好处是您在不改变开发工作流程的情况下获得更深入的洞察力欢迎任何其他建议

【讨论】：