談起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捕獲,你就能夠看到調試信息。firefox
若是你不想爲該URL進行遠程調試,只需點擊firefox中"Tools「菜單下的"JS Debugger"下的disconnect便可,這個時候,調試的斷點就再也不有效,能夠正常運行程序啦。插件
總的來講,在IDE中調試JavaScript是很是誘人的,儘管FireBug已經很是優秀啦。IDE提供了衆多的特性,如導航,代碼提示等等,發現問題快速修復等,這些是FireBug所沒有的,具體選擇哪一個方式,這裏不作推薦,你本身看,不過你在作抉擇以前,最好先了解一下這種模式。3d