在ie中,如果不依賴(lài)外部工具進(jìn)行js調(diào)試,而使用原始的alert的話(huà),會(huì)大大增加js調(diào)試的難度。而微軟的office、visual studio里邊都帶了可以支持ie調(diào)試的工具。
在安裝office(2003、2007帶此工具,2010+不帶此工具)時(shí),選擇自定義安裝,將office 工具->html源文件編輯器下及下邊的所有功能全部安裝。 (這里需要說(shuō)明的是:從ie8版本開(kāi)始,ie瀏覽器自帶了開(kāi)發(fā)人員工具,用那可以調(diào)試js腳本,但是我個(gè)人認(rèn)為其功能不如外部的js腳本調(diào)試工具強(qiáng)大,它畢竟是內(nèi)嵌的調(diào)試工具,不好使用) 安裝后在office安裝目錄下可以找到msd7.exe文件(office 2007安裝后,該文件在系統(tǒng)盤(pán)\Program Files\Common Files\microsoft shared\OFFICE12目錄下),啟動(dòng)該文件后,點(diǎn)擊調(diào)試窗口菜單,如果有安裝選擇,點(diǎn)擊進(jìn)行安裝。安裝好后的界面如下所示。 安裝完成后,打開(kāi)瀏覽器設(shè)置,開(kāi)啟調(diào)試功能。在internet選項(xiàng)中,將高級(jí)選項(xiàng)的禁用腳本調(diào)試兩項(xiàng)前邊的勾去掉。點(diǎn)擊確定后重新啟動(dòng)瀏覽器 在查看菜單中選擇外部腳本高度程序一項(xiàng),表示可以使用剛安裝的腳本調(diào)試器進(jìn)行js的腳本調(diào)試,選擇打開(kāi)后可以看到可以選擇的調(diào)試器: 說(shuō)明:在office 2007安裝后可能看不到外部腳本調(diào)試程序的選項(xiàng),此時(shí)可以考慮安裝visual studio開(kāi)發(fā)工具里邊的web調(diào)試工具,這個(gè)工具是專(zhuān)門(mén)為開(kāi)發(fā)人員開(kāi)發(fā)的,功能比office所帶的強(qiáng)大,同時(shí)安裝需要附帶安裝的東西也很多,并且浪費(fèi)時(shí)間,如果僅僅是一般調(diào)試,可以?xún)?yōu)先考慮office所帶的調(diào)試工具。 Visual studio 安裝js調(diào)試工具,僅選擇visual web developer一項(xiàng)安裝即可。 在調(diào)試工具選擇后可以對(duì)里邊的腳本添加斷點(diǎn)進(jìn)行調(diào)試。Office所帶的腳本調(diào)試器只能對(duì)當(dāng)前頁(yè)面里邊的腳本添加斷點(diǎn),不能為外部引用的js文件添加斷點(diǎn),需要對(duì)外部引用的js文件調(diào)試時(shí),要在需要調(diào)試的地方添加如下代碼: debugger; 當(dāng)腳本運(yùn)行到時(shí)處時(shí),會(huì)彈出腳本調(diào)試窗口選擇調(diào)試器,選擇后會(huì)進(jìn)入加斷點(diǎn)的地方進(jìn)行調(diào)試。 |
|
來(lái)自: quasiceo > 《待分類(lèi)1》