使用phpStudy配置:
1、phpStudy一般都有php的xdebug擴展文件,不需要去官網下載,直接到phpStudy進行配置勾選擴展。

然后進行php.ini參數配置,打開php.ini文件:

在php.ini配置文件添加以下的參數:(注:請確保9000端口沒有被占用)
1 xdebug.remote_enable = 1 2 xdebug.remote_handler = "dbgp" 3 xdebug.remote_host = "localhost" 4 xdebug.idekey= PHPSTROM 5 xdebug.remote_port = 9000
- xdebug.remote_host ==> 注意這里是,客戶端的ip < 即IDE的機器的ip,不是你的 web server >
- xdebug.remote_port ==> 注意這里是,客戶端的端口 < 即IDE的機器的ip,不是你的 web server
2、在phpstrom中配置xdebug, 選擇 file -> settings,打開如下的界面設置(注:xdebug的Debug port(調試端口)9000 要和 php.ini 文件中的 xdebug.remote_port 設置的端口保持一致)。

下一步,在Debug欄中選擇DBGp proxy,DBGp proxy是一個協議,如下填寫,保持以配置文件php.ini添加的參數一致。

下一步,配置web的訪問服務,即web服務連接設置

在Servers項,點擊小+按鈕,新增如圖localhost選項,可任意命名。此處填寫的,就是web訪問參數。
這里必須注意所填寫的Port端口號(內置端口號),這里填的是內置web服務器的端口,這個內置Web服務器的端口要以php.ini配置文件的 xdebug.remote_port 參數一致。
3、配置debug模式: 在IDE主界面選擇 run 下的 edit configurations... 進入如下

完成上面的步驟可以進入調試
4、添加瀏覽器調試插件:(例子:谷歌瀏覽器)
如果在瀏覽器中沒有添加Xdebug擴展插件,那么需要下載相應調試插件,下載完后,修改文件名后綴成 .zip 或者 .rar 等可解壓格式都可以,然后進行解壓,添加到瀏覽器的擴展插件中
如: xdebug helper-1.4.3 插件,添加如下

選項設置:

下載瀏覽器調試插件的官網: https://www.crx4chrome.com/crx/24121/
