javascript - 可以在 php 文件中调试 Javascript 吗？

Question

我正在尝试找到调试 php 文件中的 javascript 代码的方法。我在 php 文件中嵌入了很多 javascript 代码。

我可以在 XDebug 的帮助下使用 netbeans 调试 php 代码。我还可以使用 chrome 或 firefox 等浏览器在 html 或 js 文件中单独调试 javascript。

我想要的是在可能的情况下调试 php 文件中的 javascript 代码。我相信很多人会使用嵌入了 php 文件的 javascript。我个人不喜欢它，但我必须继续努力。我知道我可以将代码单独写在js文件中，然后可以用浏览器调试，但是代码很多，需要时间来分离。

如果可能的话，这里有人能给我建议吗？

• Debug Javascript in netbeans 7.4 inside PHP project

• https://netbeans.org/kb/docs/php/debugging.html

• https://confluence.jetbrains.com/display/PhpStorm/Debugging+PHP+and+JavaScript+code+at+the+same+time+in+PhpStorm

• https://blog.jetbrains.com/phpstorm/2014/06/debugging-php-and-javascript-code-at-the-same-time/

Answer 1

恕我直言，我什至没有查过它，我认为它不(也不应该)可行。

原因如下:
您的 PHP 在服务器端得到处理，这时 XDebug 启动并使您能够为所有 PHP 代码设置断点。然后服务器输出到达客户端，这是在解析的 HTML 中内联处理实际 JS 的时候。这意味着你必须以某种方式拦截 HTML，解析它，检测最终的内联 JS 脚本......并在那时设置你的断点(每次运行都是)，然后输出到客户端，解析 HTML再次渲染它并处理最终的断点。这将是一个乏味的过程，我想开始工作会更加乏味，这就是为什么没有人尝试为此进行扩展的原因。 据我所知，内联 JS 也更难调试，而且我从未见过允许直接从 IDE 对静态 HTML 文档中的嵌入式标签设置断点的实际设置，这比断点 JS 更容易实现在 PHP 中...

我猜你最好的办法是将你的 JS 外部化到单独的文件中，并且只有硬代码 <script src="path/to/your/app.js"></script>在您的 PHP 模板中，无论如何从长远来看使用起来确实会舒服得多。

然后你就可以对 app.js 中的所有内容进行断点，加上实际的前端架构、语法高亮、打动你的老板、让你的生活更轻松、世界变得更美好等等。

另外，供引用:How to debug JavaScript code with Netbeans? (answer #45515159)
继续阅读:https://netbeans.org/kb/docs/webclient/html5-js-support.html

编辑: 似乎在静态 HTML 标签中设置 JS 断点在 Visual Code 中是可行的，例如 -> https://github.com/Microsoft/vscode-chrome-debug/issues/122