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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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