IDEA調試javaScript


        談起JavaScript調試,大家可能想到的就是FireFox下的FireBug,這毫無疑問,FireBug基本已經成為JavaScript開發人員的必備工具。在本文中,將向大家介紹如何在IDEA下遠程調試JavaScript,畢竟能在IDE工具中直接設置斷點,進行調試,這還是非常誘人的。
       首先我們要給FireFox安裝一個插件,該插件由IntelliJ IDEA的開發工程師開發,安裝目錄為%IDEA_HOME%/plugins/JavaScriptDebugger/firefox目錄下,你只需拖動JBExtension.xpi文件到FireFox窗口即可完成安裝。IDEA還會在調試JavaScript時自動安裝,所以你不安裝也不會有問題。

        接下來我們需要在IDEA中創建一個調試JavaScript的運行配置(run configuration),這樣我們就可以啟動JavaScript的調試器。這里要說明的是,你需要給相關的js設置網絡URL,這樣就可以在遠程 JS和本地JS文件做好映射。

你點擊Debug按鈕后,IDEA就會打開一個FireFox,然后定位到你之前設定的URL地址,接下你在IDE工具中設定斷點,當JS文件運行到斷點時,就會被IDEA捕獲,你就可以看到調試信息。

如果你不想為該URL進行遠程調試,只需點擊firefox中"Tools“菜單下的"JS Debugger"下的disconnect即可,這個時候,調試的斷點就不再有效,可以正常運行程序啦。

總的來說,在IDE中調試JavaScript是非常誘人的,盡管FireBug已經非常優秀啦。IDE提供了眾多的特性,如導航,代碼提示等等,發現問題快速修復等,這些是FireBug所沒有的,具體選擇哪個方式,這里不做推薦,你自己看,不過你在做抉擇之前,最好先了解一下這種模式。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM