PhpStormでPHPとJAVAScriptをデバッグできるようにする

目的

phpstormのbreakpointを使って、phpとjavascriptをデバッグできるようにする

参考

Debugging PHP and JavaScript code at the same time in PhpStorm - PhpStorm - Confluence

• LiveEditは試してない

やること

PHPのデバッグのために

• サーバのphpでxdebugを使えるようする
• phpstormでサーバのxdebugと通信できるように設定する
• ブラウザからデバッガ

JAVAscriptのデバッグのために

• ChromeにJetBrains IDE Supportというアドオンを入れる ※Firefoxも調べたけれど、動作するアドオンを見つけられなかった

PHPのデバッグ準備

• PhpStorm+Xdebugでローカル環境のPHPをデバッグする方法 | karakaram-blog

  にならって設定。

  • Xdebug Installation Guide - PhpStorm - Confluence

  • xdebugの設定はphp.iniに追記。

  • ローカル、リモートの言葉が混じってるけど、

    xdebugはphpを動作させる「サーバ側」にする。

    そのサーバがローカルにあるか、リモートにあるかが違うだけ。

  • ブラウザのデバッグ状態のオン／オフ切替はブラウザを選ばない。

    が、JAVAscriptのデバッグはChromeでしかできないようなので、僕は合わせることにした

  • built in serverはPOSTがちゃんと動作しない。

    PhpStormを使う。POSTパラメータが取得できない。。 | TECH Projin

javascriptのデバッグ準備

• PHPStorm - JavaScriptのデバッグを行うための設定 | matomerge.com

  にならって設定。

最後に

はてな超超かきづらい。なんでこんな非直感的なんでしょう。 なぜリンクのコピペは自動改行されて挿入されるのか。