建站
咨詢
售后
建站咨詢
新聞中心
在編寫 JavaScript 時，如果沒有調(diào)試工具將是一件很痛苦的事情。
創(chuàng)新互聯(lián)成立于2013年，公司以成都網(wǎng)站建設(shè)、成都做網(wǎng)站、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶超過千家，涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。
JavaScript 調(diào)試
沒有調(diào)試工具是很難去編寫 JavaScript 程序的。
你的代碼可能包含語法錯誤，邏輯錯誤，如果沒有調(diào)試工具，這些錯誤比較難于發(fā)現(xiàn)。
通常，如果 JavaScript 出現(xiàn)錯誤，是不會有提示信息，這樣你就無法找到代碼錯誤的位置。
| 通常，你在編寫一個新的 JavaScript 代碼過程中都會發(fā)生錯誤。 |
JavaScript 調(diào)試工具
在程序代碼中尋找錯誤叫做代碼調(diào)試。
調(diào)試很難，但幸運的是，很多瀏覽器都內(nèi)置了調(diào)試工具。
內(nèi)置的調(diào)試工具可以開始或關(guān)閉，嚴(yán)重的錯誤信息會發(fā)送給用戶。
有了調(diào)試工具，我們就可以設(shè)置斷點 (代碼停止執(zhí)行的位置), 且可以在代碼執(zhí)行時檢測變量。
瀏覽器啟用調(diào)試工具一般是按下 F12 鍵，并在調(diào)試菜單中選擇 "Console" 。
console.log() 方法
如果瀏覽器支持調(diào)試，你可以使用 console.log() 方法在調(diào)試窗口上打印 JavaScript 值：
實例
My First Web Page
嘗試一下 ?
設(shè)置斷點
在調(diào)試窗口中，你可以設(shè)置 JavaScript 代碼的斷點。
在每個斷點上，都會停止執(zhí)行 JavaScript 代碼，以便于我們檢查 JavaScript 變量的值。
在檢查完畢后，可以重新執(zhí)行代碼（如播放按鈕）。
debugger 關(guān)鍵字
debugger 關(guān)鍵字用于停止執(zhí)行 JavaScript，并調(diào)用調(diào)試函數(shù)。
這個關(guān)鍵字與在調(diào)試工具中設(shè)置斷點的效果是一樣的。
如果沒有調(diào)試可用，debugger 語句將無法工作。
開啟 debugger ，代碼在第三行前停止執(zhí)行。
實例
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
嘗試一下 ?
主要瀏覽器的調(diào)試工具
通常，瀏覽器啟用調(diào)試工具一般是按下 F12 鍵，并在調(diào)試菜單中選擇 "Console" 。
各瀏覽器的步驟如下:
Chrome 瀏覽器
- 打開瀏覽器。
- 在菜單中選擇工具。
- 在工具中選擇開發(fā)者工具。
- 最后，選擇 Console。
Firefox 瀏覽器
- 打開瀏覽器。
- 訪問頁面:
http://www.getfirebug.com。 - 按照說明 :
安裝 Firebug。
Internet Explorer 瀏覽器。
- 打開瀏覽器。
- 在菜單中選擇工具。
- 在工具中選擇開發(fā)者工具。
- 最后，選擇 Console。
Opera
- 打開瀏覽器。
- Opera 的內(nèi)置調(diào)試工具為 Dragonfly，詳細(xì)說明可訪問頁面:
http://www.opera.com/dragonfly/。
Safari
- 打開瀏覽器。
- 訪問頁面:
http://extentions.apple.com。 - 按說明操作：
install Firebug Lite。
擴(kuò)展閱讀
Firebug教程：使用Firebug調(diào)試JavaScript
新聞標(biāo)題：創(chuàng)新互聯(lián)JAVA教程：JavaScript調(diào)試
當(dāng)前鏈接：http://m.fisionsoft.com.cn/article/dhgigce.html
