使用 PhpStorm 和 XDebug 调试 cordova 应用程序的 ajax 调用答案

【问题标题】：Debugging ajax call of cordova application with PhpStorm and XDebug使用 PhpStorm 和 XDebug 调试 cordova 应用程序的 ajax 调用
【发布时间】：2023-03-29 06:54:02
【问题描述】：

我的 cordova 应用程序对后端进行 ajax 调用。有时我希望能够调试后端。

我正在使用 PhpStorm、XDebug、GapDebug（或用于远程 WebView 调试的 Chrome Inspector）。但我无法在后端的第一行中断。

我已经为 chrome 安装了 XDebug 助手，PhpStorm 正在监听传入的 php 调试连接。

我想缺少的步骤是将 IDE Key 设置到我的 ajax 调用中。在请求标头中有一个 Cookie 值，目前我只能看到 PHPSessionID。我想ide键也一定有值。

【问题讨论】：

你搞清楚了吗？如果有，请分享；谢谢

标签： cordova phpstorm xdebug gapdebug

【解决方案1】：

XDebug 文档提到调用调试会话的方法之一是在 HTTP 请求中包含 XDEBUG_SESSION cookie。见https://xdebug.org/docs/remote。

通过配置 ajax 以在所有请求中包含该 cookie，我能够使用 PhpStorm 调试我的 Cordova 应用程序。

$(document).on("deviceready", function () {
  $.ajaxSetup({
    beforeSend: function(xhr) {
      xhr.setRequestHeader('Cookie', 'XDEBUG_SESSION=1');
    }
  });
});

【讨论】：