配置JavaScript調(diào)試器

配置JavaScript調(diào)試器

通過JavaScript Debugger插件支持在IntelliJ IDEA中調(diào)試JavaScript 。該插件默認激活。如果插件已禁用，請在插件設(shè)置頁面上啟用它。

Google Chrome和Chrome系列的其他瀏覽器支持調(diào)試JavaScript代碼。

為確保成功調(diào)試，只需指定內(nèi)置Web服務(wù)器端口并接受IntelliJ IDEA為其他調(diào)試器選項建議的默認設(shè)置即可。

設(shè)置內(nèi)置Web服務(wù)器端口

1. 在“設(shè)置/首選項”對話框（Ctrl+Alt+S）中，單擊“構(gòu)建，執(zhí)行，部署”下的“調(diào)試器” 。將打開“調(diào)試器”頁面。
2. 在“內(nèi)置服務(wù)器”區(qū)域中，指定內(nèi)置Web服務(wù)器運行的端口。默認情況下，此端口設(shè)置為默認的IntelliJ IDEA端口63342，IntelliJ IDEA通過該端口接受來自服務(wù)的連接。您可以將端口號設(shè)置為以1024及更高版本開頭的任何其他值。
   如果啟用了實時編輯功能，JetBrains Chrome擴展程序也將使用此端口連接到正在運行的頁面。

可選

• 通過分別清除“可以接受外部連接”或“允許未簽名的請求”復(fù)選框，禁止從其他計算機或外部IntelliJ IDEA對內(nèi)置服務(wù)器上的文件進行調(diào)用。
• 選擇刪除斷點的方法，默認設(shè)置為“單擊”。
• 在“調(diào)試器”節(jié)點下的“數(shù)據(jù)視圖”頁面上，配置高級調(diào)試器選項：啟用或禁用內(nèi)聯(lián)調(diào)試，指定何時查看具有對象值和表達式計算結(jié)果的工具提示等。
• 單擊“數(shù)據(jù)視圖”節(jié)點下的JavaScript，然后在打開的JavaScript頁面上，指定以下內(nèi)容：
  • 是否要顯示對象節(jié)點屬性。如果是，請指定屬性。使用和管理屬性列表。

使用默認Chrome用戶數(shù)據(jù)啟動調(diào)試會話

您可能會注意到，您的調(diào)試會話將在新窗口中啟動，其中包含自定義Chrome用戶數(shù)據(jù)，而不是默認用戶數(shù)據(jù)。因此，窗口看起來很不尋常，例如，您的書簽，瀏覽器歷史記錄和擴展程序都缺失，這些都會破壞您的開發(fā)體驗。之所以會發(fā)生這種情況，是因為IntelliJ IDEA使用Chrome調(diào)試協(xié)議，并使用Chrome運行Chrome--remote-debugging-port選項。但是，如果Chrome已啟動，則無法為具有相同用戶數(shù)據(jù)的任何新的或現(xiàn)有的Chrome實例打開調(diào)試端口。因此，使用Chrome調(diào)試協(xié)議時，IntelliJ IDEA始終在帶有自定義用戶數(shù)據(jù)的新窗口中啟動調(diào)試會話。

概要

• 要在同一個Chrome實例中啟動調(diào)試會話，請像以前一樣使用JetBrains Chrome擴展程序。
• 要使用您熟悉的外觀打開新的Chrome實例，請在IntelliJ IDEA中配置Chrome以開始使用您的用戶數(shù)據(jù)。在這種情況下，在開始調(diào)試會話之前，請務(wù)必確保Chrome尚未運行您的用戶數(shù)據(jù)。否則，IntelliJ IDEA仍會使用您的用戶數(shù)據(jù)啟動另一個Chrome實例，但無法為其打開調(diào)試端口。因此，IntelliJ IDEA調(diào)試器無法連接到新Chrome實例中的應(yīng)用程序，并且調(diào)試會話無法啟動。

在IntelliJ IDEA中配置Chrome以開始使用Chrome用戶數(shù)據(jù)

1. 將Chrome用戶數(shù)據(jù)保存在計算機的任何位置。
2. 在“設(shè)置/首選項”對話框（Ctrl+Alt+S）中，單擊“工具”下的“Web瀏覽器”。將打開“Web瀏覽器”頁面。
3. 要創(chuàng)建新的Chrome配置，請點擊。列表中將顯示一個新項目。在“Path”字段中，指定Chrome安裝文件夾的路徑。
4. 選擇新配置并單擊。Chrome設(shè)置對話框隨即打開。
5. 選擇“使用自定義用戶數(shù)據(jù)目錄”復(fù)選框并在IntelliJ IDEA設(shè)置中指定到您的用戶數(shù)據(jù)目錄的路徑。
6. 如“選擇默認的IntelliJ IDEA瀏覽器”中所述，標(biāo)記您的Chrome瀏覽器配置默認設(shè)置，并且在創(chuàng)建運行/調(diào)試配置時不要忘記從瀏覽器列表中選擇默認值。

使用JetBrains Chrome擴展程序進行調(diào)試

• 安裝擴展并配置實時編輯功能，如“HTML，CSS和JavaScript中的實時編輯”中所述。