上一節，我們介紹瞭如何在PhpStorm2018中配置xdebug。(請翻看本部落格上一節)

可以在PhpStorm中瀏覽php檔案，然後進行斷點除錯。

這一節，實戰升級，我們將在兩個不同的伺服器下面進行斷點。

• 軟體版本：JetBrains PhpStorm 2018.2.4 x64
• PHP環境：PhpStudy 20161103
• Chrome外掛：xdebug helper-1.6.1.crx

應用場景：

（1）本地開發web伺服器，邊開發邊斷點，在上一節已經實現。

（2）正式線上web伺服器，上線執行，但需要進行斷點查詢bug。（本節內容）

前提條件：兩臺PHP服務環境中都需要安裝php的xdebug擴充套件。

我們在本機佈署兩個web伺服器，第1個開發web伺服器使用PhpStorm內建的即可。

第2個線上正式web伺服器，我們使用phpStudy來模擬即可。（不會請看上一節）

簡單來說：

我們在電腦上運行了兩個不同的web-php伺服器。本地開發localhost:63342和模擬線上localhost:80。

我們的遠端除錯在Chrome下進行，需要用到的Chrome擴充套件外掛是：xdebug helper-1.6.1.crx （網上有）

在Chrome瀏覽器的擴充套件中安裝此項，然後在設定中，使用ideKey=PhpStorm;

由於它的IDE key名稱叫做PhpStorm，所以我們還需要在PhpStorm中重新設定一下。

如上圖所示，兩邊的IDE key的名稱一定要保持對應。

開啟php.ini在XDebug的擴充套件欄這處，idekey的名稱也要對應上。如上圖所示。

然後分別設定兩臺不同的Servers即可。

這個63342埠的是本地開發web伺服器，實際上就是PhpStorm的內建伺服器地址。

這個80埠就是遠端伺服器，由於我是本機模擬所以Host填的是localhost，這個屬於phpStudy在執行。

到此為止，配置完成。我們這次在PhpStorm中打上斷點，但不在PhpStorm進行啟動瀏覽。

而是瀏覽請求在遠端伺服器上的php 頁面, 檢驗我們的本地斷點是否會成功呼叫。

檢測到連線後，在Chrome的xdebug外掛上，選擇debug.

遠端頁面的開啟後，重新整理頁面。可以看到本地斷點成功進來了。這就是php遠端除錯的例子。

真正線上除錯，需要把localhost改成實際的域名。

本篇涉及的配置，如果您看不明白，請看本節之前的教程連載。

如有問題，請在評論區留言。謝謝~

補充知識：Chrome安裝第三方擴充套件外掛可能會遇到的問題.

 問題：該擴充套件程式未列在 Chrome 網上應用店中，並可能是在您不知情的情況下新增的。

1、首先把需要安裝的第三方外掛，字尾.crx 改成 .rar，然後解壓，得到一個資料夾。
2、再開啟chrome://extensions/谷歌擴充套件管理，點選右上角的開發者模式，就可以看到“載入正在開發的擴充套件程式”這一選項。
3、瀏覽選擇剛才步驟1中解壓好的資料夾，確定。
4、確認新增擴充套件程式，點選新增，成功新增應用程式。