空白目錄 · PhpStorm+360急速瀏覽器(谷歌內核)+Xdebug

配置完這個debug，可以網頁斷點，也可以接口斷點工具下載,推薦使用360急速瀏覽器，方便管理瀏覽器插件，這個插件自己從百度下載 ![](https://box.kancloud.cn/a9ec7323c391a4a2a54ec525e7927f38_1612x449.png) 配置好，對應到PhpStorm ![](https://box.kancloud.cn/862bf15c04969d7183868e30006cd639_904x894.png) 本地環境配置 1.效果 ![](https://box.kancloud.cn/49b25419b9e9aa35cc15456ced53621a_1571x1004.png) ![](https://box.kancloud.cn/1dfee38f7131895c0759eaca69706f51_1605x1015.png) 2.下載debug文件dll https://xdebug.org/download.php 官網 https://xdebug.org/files/php_xdebug-2.6.0-7.1-vc14-nts.dll 1.php 選擇7.1版本+nginx,php環境變量對應到php7.1 2.7.1中的php.in 文件[XDebug]模塊 3.開啟XDebug ~~~ zend_extension="D:\phpStudy2018\PHPTutorial\php\php-7.1.13-nts\ext\php_xdebug-2.6.0-7.1-vc14-nts.dll" ;是否允許Xdebug跟蹤函數調用，跟蹤信息以文件形式存儲，默認值為0 xdebug.auto_trace=1 ;是否允許Xdebug跟蹤函數參數，默認值為0 xdebug.collect_params=1 ;是否允許Xdebug跟蹤函數返回值，默認值為0 xdebug.collect_return=1 ;函數調用跟蹤信息輸出文件目錄，默認值為/tmp xdebug.trace_output_dir ="D:\phpStudy2018\PHPTutorial\tmp\xdebug" ;性能分析文件的存放位置，默認值為/tmp xdebug.profiler_output_dir ="D:\phpStudy2018\PHPTutorial\tmp\xdebug" ;打開xdebug的性能分析器，以文件形式存儲，這項配置是不能以ini_set()函數配置的，默認值為0 xdebug.profiler_enable = 1 ;性能分析文件的命名規則，默認值為cachegrind.out.%p xdebug.profiler_output_name = "cachegrind.out.%t.%p" xdebug.remote_enable = 1 ;用于zend studio遠程調試的應用層通信協議 xdebug.remote_handler = "dbgp" xdebug.idekey = PHPSTORM xdebug.remote_host = "localhost" ;注意注意注意原本默認9000，但是我們nginx重定向使用了這個端口，所以我們debug就用9100 xdebug.remote_port = 9100 ~~~ 3.phpstorm 設置 3.1選擇我們環境變量配置7.1 ![](https://box.kancloud.cn/5d1b9be62cefa6d7971e787c9a1269fa_1037x683.png) 3.2 端口默認80，除非有改動 ![](https://box.kancloud.cn/7751ec03fa81a4dfe1ab40b80d37b8f7_1037x683.png) 3.3xdebug端口remote_port，對應php.in中的XDebug的配置 ![](https://box.kancloud.cn/238fc29a2c1c182dc5563e18f6fb7b4b_1037x683.png) 3.4 對應php.in XDebug模塊的 ![](https://box.kancloud.cn/d1eac50e798dcc9e11e4b26a0214947b_1037x683.png) 3.5 調試配置，指到localhost ![](https://box.kancloud.cn/5fc6133dc6e3108fd3db67fc0c10f4c7_1092x685.png) 3.6 配置完了，重啟nginx 3.7 開啟這個電話 ![](https://box.kancloud.cn/e7b0034709f7d470e416d8cdeeb165fb_375x136.png) 3.8給代碼打上斷點 ![](https://box.kancloud.cn/fcb4c5f2c2dc07132f45ebdaefc0c09a_415x109.png) 這個時候就可以在網頁跑對應的頁面了。 **接口斷點** PhpStorm打上斷點后點擊這個圖標 ![](https://box.kancloud.cn/9abe02f9bb498de7eb28c686943baf26_28x35.png) 會彈窗一個網頁，復制上面的參數，頁面不要關閉 ![](https://box.kancloud.cn/2aa34e147f779fd86ce140892108278e_984x169.jpg) 開啟接口調試工具，復制到url后面 ![](https://box.kancloud.cn/39ea7b7f5b9e90179d8de9121747e1b0_1614x753.jpg)