JS調(diào)試方法指導(dǎo)說(shuō)明

1、A  使用alert( 和document.write( 方法監(jiān)視變量值如果要中斷代碼的運(yùn)行，監(jiān)視變量的值，則使用alert( 方法；如果需要查看的值很多，則使用document.write( 方法，避免反復(fù)單擊“確定”按鈕； B  使用window.onerror 事件當(dāng)頁(yè)面出現(xiàn)異常時(shí)，onerror 事件會(huì)在window 對(duì)象上觸發(fā)。它能在一定程度上告訴開(kāi)發(fā)者相關(guān)的錯(cuò)誤信息。示例：  <script type="text/javascript">    fun

2、ction myerror(_message,_url,_line           alert("錯(cuò)誤信息：" + _message            +"n錯(cuò)誤的URI：" + _url       

3、     +"n錯(cuò)誤的行數(shù)：" + _line               return true; /屏蔽系統(tǒng)的事件        /綁定錯(cuò)誤事件    window.onerror = myerr

4、or;     /觸發(fā)錯(cuò)誤示例：    window,onload = test;   script>注意：在IE 中，觸發(fā)error 事件后，正常的代碼會(huì)繼續(xù)運(yùn)行，所有的變量和數(shù)據(jù)都會(huì)保存下來(lái)，在其onerror 事件處理方法中可以正常訪問(wèn)到；而在Firefox 中，觸發(fā)error 事件后，一切都結(jié)束，所有的變量和數(shù)據(jù)都將被銷毀。 C  使用 try.catch 語(yǔ)句找錯(cuò)誤示例：  <script ty

5、pe="text/javascript">     try              alert(觸發(fā)異常;          catch (_ex /可以省略“_ex”參數(shù)       

6、60;     var err = "錯(cuò)誤信息"        for (var i in _ex                   err += "n參數(shù)名

7、：" + i                + "t參數(shù)值：" + _exi;                alert(err; /打印錯(cuò)誤    

8、      finally  /finally 可以被省略.           alert("finally 總是會(huì)運(yùn)行"       script>注意：try.catch 并不能很好的處理JavaScript 的語(yǔ)法錯(cuò)誤。示例：  <script type=&q

9、uot;text/javascript">    try            alert("觸發(fā)語(yǔ)法錯(cuò)誤" /多了半邊“”        catch (_ex /可以省略_ex參數(shù)         &#

10、160; var err = "錯(cuò)誤信息"       for (var i in _ex                 err += "n參數(shù)名：" + i   &#

11、160;           + "t參數(shù)值：" + _exi;               alert(err; /打印錯(cuò)誤       script>該示例并沒(méi)有進(jìn)入catch 塊中。 D 

12、 使用相關(guān)調(diào)試器在IE 和Firefox 瀏覽器中，可以使用相關(guān)的調(diào)試器或插件對(duì)JavaScript 進(jìn)行調(diào)試。   在Firefox 瀏覽器中，可以使用其自帶的“錯(cuò)誤控制臺(tái)”。操作步驟如下：      打開(kāi)Firefox 瀏覽器 在菜單條“工具”中 選擇“錯(cuò)誤控制臺(tái)”即可。     在沒(méi)有其他插件的情況下，其自帶的“錯(cuò)誤控制臺(tái)”是一個(gè)非常不錯(cuò)的選擇。 另外，在Firefox 瀏覽器中，還有一些很不錯(cuò)的調(diào)試器，如：Venkman、Firebug 等。 &#

13、160;       Venkman 調(diào)試器安裝后，可以在Firefox 瀏覽器 在菜單條“工具”中 選擇“JavaScript  Debugger ”命令啟用；         Firebug 調(diào)試器安裝后，可以在Firefox 瀏覽器 在菜單條“工具”中 選擇“Firebug” 選擇“打開(kāi) Firebug”即可；   在IE 瀏覽器中，可以使用 Microsoft  Script  Debug

14、ger 調(diào)試器       Microsoft  Script  Debugger 是微軟隨IE 4 一同發(fā)布的一個(gè)IE插件，可以從微軟的官方網(wǎng)站上免費(fèi)下載。       下載安裝以后，必須將IE 瀏覽器的調(diào)試選項(xiàng)打開(kāi)才能使用。操作步驟如下：       1>   打開(kāi)IE 瀏覽器 選擇菜單欄的“工具” “Internet 選項(xiàng)”命令 “高級(jí)”選項(xiàng)卡 將“禁用腳

15、本調(diào)試（Internet Explorer ）”復(fù)選框中的勾去掉即可。       2>   當(dāng)IE 瀏覽器正在瀏覽頁(yè)面時(shí)，運(yùn)行Microsoft  Script  Debugger 調(diào)試器工具即可進(jìn)行調(diào)試。       在Microsoft  Script  Debugger 調(diào)試器的 Running  Document 面板中選擇開(kāi)啟的頁(yè)面文件（只讀），然后按F9 可以設(shè)置斷點(diǎn)調(diào)試。另外，其Com

16、mand  Window 面板也是一個(gè)很有用的功能，它能在代碼斷點(diǎn)停止時(shí)，在其中輸入變量名并回車，便可看到此時(shí)變量的值；Command  Window 面板甚至可以接受簡(jiǎn)單的JavaScript 命令。但Microsoft  Script  Debugger 調(diào)試器自身還存在一個(gè)bug 問(wèn)題。1.HTML的調(diào)試 將鼠標(biāo)放在任意元素上，右鍵Inspect Element，即可查看該元素的HTML內(nèi)容。（也可以通過(guò)F12打開(kāi)開(kāi)發(fā)者工具）效果如下 在Elements面板中 將鼠標(biāo)放在任意元素上，HTML界面上對(duì)應(yīng)的元素會(huì)被選中 右擊元素，可以直接修改或者是移除

17、元素，修改后的元素效果會(huì)馬上反應(yīng)在頁(yè)面上 2.CSS的調(diào)試 在開(kāi)發(fā)者工具的右側(cè)面板可以找到對(duì)應(yīng)的CSS調(diào)試框 Styles分類下可以看到該元素的詳細(xì)樣式，而且你還可以直接修改它 （點(diǎn)擊一個(gè)樣式，或者雙擊空白處） 樣式的右側(cè)會(huì)提示該樣式來(lái)自哪個(gè)文件的哪一行 被加了刪除線的樣式是無(wú)效的，或者被覆蓋了 將鼠標(biāo)放在樣式上的時(shí)候，右側(cè)會(huì)出現(xiàn)一個(gè)CheckBox，用于啟用和禁用當(dāng)前樣式 3.Javascript調(diào)試 首先是Javascript調(diào)試框 左側(cè)是javascript面板，可以加斷點(diǎn)（綠色），當(dāng)前正運(yùn)行到的行（紅色） 位于script.js的下拉框可以選擇不同的js文件調(diào)試，（如果你的js文件有結(jié)構(gòu)錯(cuò)誤，可能沒(méi)法被加載到列表中） 右上方是javascript內(nèi)容搜索 Watch Expressions可以運(yùn)行和查看表達(dá)式和變量 Call Stack顯示當(dāng)前堆棧，單擊可以切換到堆棧中的不同位置 Scope variables，顯示當(dāng)前上下文變量 Breakpoints， 斷點(diǎn) co