溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“如何用Pycharm調試器實現Java腳本調試”，在日常操作中，相信很多人在如何用Pycharm調試器實現Java腳本調試問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何用Pycharm調試器實現Java腳本調試”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
1、總覽
對于Web開發而言，調試Java腳本是十分重要的。為了顯示Pycharm對于Java腳本的強大調試能力，我們這里創建一個非常簡單的腳本，用以展示一些簡單的瀏覽器頁面，然后在服務器上對其進行調試。
為了能夠在外部服務器上進行調試，需要在上面運行程序文件，同時在你的電腦上拷貝一份。不過沒關系，無論Web服務器是運行在物理遠端還是運行在你的電腦上，其中的應用程序都可以看成是一個遠程服務程序。
當一個使用JavaScript生成的遠程文件打開時，調試器會告訴Pycharm當前處理文件的名稱以及對應的行號。Pycharm會打開本地副本并定位到相應的行。Pycharm的這種行為使得服務端和客戶端的文件進程保持同步。這種通信機制成為映射（mapping），在debug配置文件中保留了相關的設置信息。
2、準備工作
（1）Pycharm版本為3.0或者更高。
（2）使用谷歌瀏覽器（這篇教程是基于谷歌Chorme的）
（3）你已經安裝了JetBrains IDE Support外部插件。如果你是第一次加載調試器，Pycharm會給出你關于安裝JetBrains IDE Support外部插件的重要性。
舉個例子，對于瀏覽器，當在地址欄的右側顯示圖標，并且非透明，說明插件已經安裝并且成功激活。
可以在https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji下載和安裝JetBrains IDE Support外部擴展。
建議使用XAMPP作為服務端程序（文章是針對XAMPP的）。
3、創建一個簡單的工程
在主菜單中選擇File→New Project，選擇一個空工程，命名為MyJSProject：
在一個獨立的窗口中打開這個工程：
4、實例準備
首先，創建一個HTML頁面。在工程管理窗口中按下Alt+Insert，在彈出的快捷菜單中選擇HTML文件類型，命名為numbers：
Pycharm會在生成的HTML文件中添加一些原始內容。接下來，向其中嵌入一個JavaScript文件，在<body>標簽下輸入一下代碼：
在輸入代碼時注意體會Pycharm的拼寫提示功能：
完成后，注意文件名numbers.js以高亮的形式給出。這說明當前的JavaScript文件不存在。在將光標定位在名稱“numbers”上，按下Alt+Enter（或者單擊左側的小黃色燈泡）；會給出快捷提示——創建一個缺省文件：
通過這個快捷方法，已將創建好了原始的JavaScript文件，接下來輸入下面代碼：
5、設置斷點
接下來在JavaScript文件中插入斷點，非常簡單，在右側單擊即可：
6、配置服務器
7、創建一個服務器
打開Settings/Preferences對話框（Ctrl+Alt+S或者單擊主菜單的設置按鈕），單擊Deployment page頁面的綠色的加號，將服務器命名為MyRemoteServer，指定類型為local or mounted server。
8、配置映射連接
接下來配置創建的服務器。在Connection選項卡中，輸入需要加載的本地文件的目錄，這里為C:\xampp\htdocs，也就意味著將從這個目錄來上傳本地文件：
單擊Mappings選項卡，在這里定義本地路徑，服務器的部署路徑（與Connection選項卡的設置相同），以及服務器的Web路徑：
9、定義項目的默認服務器
指定創建的服務器為當前項目的默認服務器，只需在Deployment toolbar中單擊按鈕。
10、預覽服務器
接下來需要確認我們的服務程序能夠在Pycharm的可視化窗口中順利上傳和運行。在主菜單中選擇Tools → Deployment → Browse Remote Hosts。遠程Host控制窗口會顯示當前新開啟的服務：
11、向服務器應用中部署文件
在Pycharm中這個操作非常簡單。在主菜單中選擇Tools → Deployment → Upload to MyRemoteServer，確保新目錄C:\xampp\htdocs已經在服務器上順利創建。
另一種方式可以通過右擊文件，在快捷菜單中進行操作。當然二者都需要通過Upload to MyRemoteServer命令來完成。
12、調試
13、開始調試
開始調試后，將會在瀏覽器中顯示你的HTML頁面，同時調試窗口 Debug tool window開啟。應有程序會在命中第一個斷點的時候停止，并用藍色標記代碼行：
更多有關斷點的信息參見product documentation中的Breakpoints部分。
對應用程序進行更為深入的調試，相關的調試信息會顯示在調試窗口以及瀏覽器上：
單擊和控制代碼的調試進程，通過關閉黃色標志或者單價Cancel按鈕來終止調試。
到此，關于“如何用Pycharm調試器實現Java腳本調試”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
