javascript怎么在eclipse下面開(kāi)發(fā)調(diào)試？或者應(yīng)該用什么IDE調(diào)試好？

JSDT(Javascript Debug Toolkit)是一個(gè)用于javascript調(diào)試的eclipse 插件，用于調(diào)試javascript。JSDT可以跨瀏覽器調(diào)試，支持在IE,Firefox,Safari,Chrome等主流瀏覽器中調(diào)試javascript。JSDT支持設(shè)置斷點(diǎn)，單步調(diào)試等調(diào)試工具的基本特性。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、達(dá)茂旗網(wǎng)絡(luò)推廣、小程序開(kāi)發(fā)、達(dá)茂旗網(wǎng)絡(luò)營(yíng)銷(xiāo)、達(dá)茂旗企業(yè)策劃、達(dá)茂旗品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供達(dá)茂旗建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：chinadenli.net

2. 如何安裝

JSDT是基于eclipse3.2+,jdk1.5+基礎(chǔ)開(kāi)發(fā)的，因此安裝JSDT前應(yīng)當(dāng)先安裝jdk1.5+和eclipse3.2+。

如何調(diào)試html網(wǎng)頁(yè)中的js代碼

以谷歌瀏覽器Chrome為例（火狐類(lèi)似），說(shuō)下前端打“斷點(diǎn)”：

一、按F12快捷鍵打開(kāi)Chrome控制臺(tái)，點(diǎn)擊“Sources”選項(xiàng)卡，如圖：

二、刷新當(dāng)前網(wǎng)頁(yè)，代碼執(zhí)行到“斷點(diǎn)”處會(huì)停住，如上圖藍(lán)色區(qū)域；

三、按F8快捷鍵可以在不同的斷點(diǎn)之間切換、按F10快捷鍵程序代碼會(huì)一步步執(zhí)行，這樣就能很方便定位到錯(cuò)誤區(qū)域，排查錯(cuò)誤。

說(shuō)明：火狐瀏覽器的操作方法和谷歌類(lèi)似，當(dāng)然界面略有不同。

javascript用什么編輯器

目前前端使用率最高的就是sublime 和 webstorm了，當(dāng)然了還有visual ，DW， 等等。下面僅介紹一些sublime和webstorm。

1.Sublime Text 是一個(gè)代碼編輯器（Sublime Text 2是收費(fèi)軟件，但可以無(wú)限期試用），也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開(kāi)發(fā)出來(lái)，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。

Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。Sublime Text 是一個(gè)跨平臺(tái)的編輯器，同時(shí)支持Windows、Linux、Mac OS X等操作系統(tǒng)。

2.WebStorm 是jetbrains公司旗下一款JavaScript 開(kāi)發(fā)工具。被廣大中國(guó)JS開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。

功能編輯

JavaScript

· 基于DOM，特定瀏覽器完成

· 編碼導(dǎo)航和用法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結(jié)點(diǎn)

· JavaScript重構(gòu)

· JavaScript單元測(cè)試

· 代碼檢測(cè)和快速修復(fù)

· JSLint/JSHint

· 基于 Mozilla的JavaScript調(diào)試器

其他用途

· 批量代碼分析

· 編碼語(yǔ)言混合或內(nèi)混

· 拼寫(xiě)檢查器

· 重復(fù)代碼檢測(cè)器

編輯語(yǔ)言

· 支持HTML5

· css/js

· 檢驗(yàn)和快速修復(fù)

· Zen編碼

· 顯示內(nèi)容

· 顯示應(yīng)用的風(fēng)格

便捷的環(huán)境

· HTML5樣本文件和其他Web應(yīng)用程序模板

· FTP和遠(yuǎn)程文件同步

· 集成了版本控制系統(tǒng)

· 本地記錄

優(yōu)勢(shì)功能編輯

智能的代碼補(bǔ)全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項(xiàng)目中)

代碼補(bǔ)全包含了所有流行的庫(kù)，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼格式化

代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義

html提示

大家經(jīng)常在js代碼中編寫(xiě)html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。而且html里面還能有js提示。

聯(lián)想查詢

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全

代碼導(dǎo)航和用法查詢 (8張)

項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

代碼重構(gòu)

這個(gè)操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。

代碼檢查和快速修復(fù)

可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方，并給出修改意見(jiàn)，快速修復(fù)。

代碼調(diào)試

支持代碼調(diào)試，界面和IDEA相似，非常方便。

代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

代碼折疊

功能雖小，不過(guò)勝在方便高效

包裹或者去掉外圍代碼

自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

如何在網(wǎng)頁(yè)中調(diào)試JavaScript

以IE8瀏覽器為例，接下來(lái)重點(diǎn)介紹并演示如何使用瀏覽器自帶的開(kāi)發(fā)人員工具調(diào)試JS程序。（該工具快捷按鈕為F12）

1、在工具-Internet選項(xiàng)-高級(jí)，去掉“禁用腳步調(diào)試（Internet Explorer）”項(xiàng)的勾選。

2、去掉“顯示友好http錯(cuò)誤信息”項(xiàng)的勾選。最后點(diǎn)擊應(yīng)用，確定按鈕。

3、預(yù)覽表單，當(dāng)要執(zhí)行的js程序出現(xiàn)錯(cuò)誤時(shí)，瀏覽器會(huì)給出提示。

4、在給出的錯(cuò)誤提示窗口中，選擇“是（Y）”按鈕，進(jìn)入IE瀏覽器自帶的開(kāi)發(fā)人員工具腳本調(diào)試界面。

5、根據(jù)JS調(diào)試信息可以知道，當(dāng)前JS報(bào)錯(cuò)是由于沒(méi)有找到指定對(duì)象“dat”而導(dǎo)致的。我們需要在表單設(shè)計(jì)器中，修改JS程序并保存。因演示效果的需要，在本例中是沒(méi)有設(shè)置id值為dat的單行輸入框控件的，本例中第二個(gè)單行輸入框控件的id值是data2。修改后的JS代碼。

6、將其改成值data2后，再進(jìn)行測(cè)試不會(huì)出現(xiàn)JS報(bào)錯(cuò)信息，程序得以正常執(zhí)行。

7、本例只是演示了如何利用IE自帶的開(kāi)發(fā)人員工具進(jìn)行簡(jiǎn)單的調(diào)試工作，如需了解其他調(diào)試及排查技巧，請(qǐng)參閱網(wǎng)絡(luò)及相關(guān)書(shū)籍進(jìn)行學(xué)習(xí)。

文章名稱：javascript調(diào)試工具的簡(jiǎn)單介紹
分享路徑：http://chinadenli.net/article15/dsisjgi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、建站公司、企業(yè)網(wǎng)站制作、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)