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

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

為浪卡子等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及浪卡子網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站建設(shè)、浪卡子網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

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

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

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

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

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

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

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

如何啟動調(diào)試會話 (JavaScript)

在使用 F5 啟動調(diào)試時，Visual Studio 會生成并部署應(yīng)用程序，將應(yīng)用程序設(shè)置為在調(diào)試模式中運(yùn)行，然后啟動應(yīng)用程序。若要啟動設(shè)備上已安裝的應(yīng)用程序，請使用“調(diào)試安裝的應(yīng)用程序包”對話框。在需要調(diào)試已從 Windows 應(yīng)用商店安裝的應(yīng)用程序時，或在具有應(yīng)用程序的源文件但沒有針對應(yīng)用程序的 Visual Studio 項目時，此過程非常有用。例如，您的自定義生成系統(tǒng)可能不使用 Visual Studio 項目或解決方案。 應(yīng)用程序可安裝在本地設(shè)備上，也可安裝在遠(yuǎn)程設(shè)備上。您可以立即啟動應(yīng)用程序，或?qū)?yīng)用程序設(shè)置為當(dāng)其通過其他進(jìn)程或方法（如從“開始”菜單或通過激活協(xié)定）啟動時在調(diào)試器中運(yùn)行，也可以將應(yīng)用程序設(shè)置為當(dāng)需要在未啟動應(yīng)用程序的情況下調(diào)試后臺進(jìn)程時在調(diào)試模式中運(yùn)行。有關(guān)更多信息，請參見 若要將已安裝的應(yīng)用程序設(shè)置為在調(diào)試模式中運(yùn)行，請執(zhí)行下列操作：說明在您啟動此過程時，應(yīng)用程序不得運(yùn)行。在“調(diào)試”菜單上，選擇 “調(diào)試安裝的應(yīng)用程序包” 請從列表中選擇下列選項之一：本地計算機(jī)在本地計算機(jī)上的當(dāng)前會話中調(diào)試應(yīng)用程序。請參見 在本地計算機(jī)上運(yùn)行 Windows 應(yīng)用商店應(yīng)用程序。 模擬器在 Visual Studio 的 Windows 應(yīng)用商店應(yīng)用程序模擬器中調(diào)試應(yīng)用程序。模擬器是一個桌面窗口，在該窗口中可調(diào)試本地計算機(jī)上未提供的設(shè)備功能，如觸摸手勢和設(shè)備旋轉(zhuǎn)。請參見 在模擬器中運(yùn)行 Windows 應(yīng)用商店應(yīng)用程序。 遠(yuǎn)程計算機(jī)在通過 Intranet 連接到本地計算機(jī)或使用以太網(wǎng)電纜直接連接到本地計算機(jī)的設(shè)備上調(diào)試應(yīng)用程序。若要進(jìn)行遠(yuǎn)程調(diào)試，必須安裝 Visual Studio 遠(yuǎn)程工具，并且遠(yuǎn)程設(shè)備上必須正在運(yùn)行這些工具。請參見 在遠(yuǎn)程計算機(jī)上運(yùn)行 Windows 應(yīng)用商店應(yīng)用程序。從“安裝的應(yīng)用程序包” 列表中選擇應(yīng)用程序。從“調(diào)試此代碼類型” 列表中選擇要使用的調(diào)試引擎。 （可選）。選擇 “不啟動，但在啟動時調(diào)試代碼” 以在通過其他某種方法啟動應(yīng)用程序時調(diào)試應(yīng)用程序或調(diào)試后臺進(jìn)程。 在單擊“啟動”時，應(yīng)用程序?qū)踊蛟O(shè)置為在調(diào)試模式中運(yùn)行。

ie8 javascript調(diào)試

如果用的是谷歌核心的瀏覽器,比如chrome,360瀏覽器,世界之窗CHROME版,按一下F12,瀏覽器底部將會顯示這個窗口

打開IE,也是按F12,請按一下紅框的減號,如果不是,跳過這一步

選擇"控制臺"

在此處輸入JS代碼回車即可運(yùn)行

由于IE不支持直接在控制臺trace輸出,我們輸入document.write("大家好")來執(zhí)行查看結(jié)果

谷歌瀏覽器調(diào)試遠(yuǎn)比IE強(qiáng)大,建議大家盡量使用谷歌瀏覽器好一點,多行代碼可以先在記事本寫好再復(fù)制進(jìn)去執(zhí)行

請選擇console,這里是控制臺輸出窗口,在這里可以直接寫JS代碼,然后回車,代碼會馬上執(zhí)行

現(xiàn)在說說用IE來測試JS代碼,IE8版本以下的瀏覽器,不能即時執(zhí)行代碼,對學(xué)習(xí)效果不是很好,所以建議升級到至少IE8

如何用Eclipse調(diào)式JavaScript

1. Javascript Debug Toolkit介紹

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

2. 如何安裝

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

JSDT下載地址： ,其中jsdt-1.0.0.zip是JSDT的安裝包，下載把其中的三個jar包解壓到eclipse的plugins目錄下，重啟eclipse即可。

jsdt-simple.swf是一段使用jsdt在chrome瀏覽器調(diào)試javascript的簡單例子的錄象。

jsdt-ext-desktop.swf是一段使用jsdt在safari瀏覽器調(diào)試javascript的錄象。

3.如何使用

1. 在eclipse中打開調(diào)試對話框，如下圖所示：

2. 新建一個Javascript Debug，如下圖所示

在url中輸入要調(diào)試的url--本地文件名或服務(wù)器上的文件名(只支持http類型的url)。在browser輸入框中選擇瀏覽器(ie,firefox,safari或chrome等)

點擊調(diào)試后會打開瀏覽器，，eclipse也會轉(zhuǎn)到調(diào)試視圖，并打開所有用到的javascript文件。

如果沒有打開javascript文件，請查看調(diào)試透視圖中是否打開了Debug Scripts視圖

如果沒有打開該視圖，請點擊：window-show view-other-Debug Scripts打開Debug Scripts視圖，再選擇當(dāng)前調(diào)試堆棧，即可看到Debug Scripts視圖，雙擊Debug Scripts中的文件，即可打開script文件。

3. 設(shè)置斷點

在js文件中可以設(shè)置斷點

瀏覽器中運(yùn)行到該行js時會自動中斷，eclipse也會停止在該斷點，等待用戶操作。

文章標(biāo)題：關(guān)于javascript調(diào)試的信息
分享地址：http://chinadenli.net/article12/dsgecdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、域名注冊、軟件開發(fā)、、云服務(wù)器、靜態(tài)網(wǎng)站

廣告

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