配置JavaScript調(diào)試器

配置JavaScript調(diào)試器

通過(guò)JavaScript Debugger插件支持在IntelliJ IDEA中調(diào)試JavaScript 。該插件默認(rèn)激活。如果插件已禁用，請(qǐng)?jiān)诓寮O(shè)置頁(yè)面上啟用它。

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

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

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

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

可選

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

使用默認(rèn)Chrome用戶數(shù)據(jù)啟動(dòng)調(diào)試會(huì)話

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

概要

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

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

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

使用JetBrains Chrome擴(kuò)展程序進(jìn)行調(diào)試

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