偵錯

俗話說得好,“工欲善其事,必先利其器。”,寫JavaScript的時候,如果期望顯示ABC,結果卻顯示XYZ,到底代碼哪裡出了問題?不要抓狂,也不要洩氣,當小白,要堅信:JavaScript本身沒有問題,瀏覽器執行也沒有問題,有問題的一定是我的程式碼。

如何找出問題程式碼?這就需要調試。

怎麼在瀏覽器中調試JavaScript程式碼呢?

首先,你需要安裝Google Chrome瀏覽器,Chrome瀏覽器對開發者非常友好,可以讓你方便地調試JavaScript程式碼。從這裡下載Chrome瀏覽器。打開網頁出問題的童鞋請移步國內鏡像。

安裝後,隨便打開一個網頁,然後點擊選單“查看(View)”-“開發者(Developer)”-“開發者工具(Developer Tools)”,瀏覽器視窗就會一分為二,下方就是開發者工具:

QQ截图20161012102138.png

先點選「控制台(Console)“,在這個面板裡可以直接輸入JavaScript程式碼,按回車後執行。

要查看一個變數的內容,在Console中輸入console.log(a);,回車後顯示的值就是變數的內容。

關閉Console請點選右上角的「×」按鈕。請熟練Console的使用方法,在編寫JavaScript程式碼時,經常需要在Console執行測試程式碼。

如果你對自己還有更高的要求,可以研究開發者工具的“源碼(Sources)”,掌握斷點、單步執行等高級調試技巧。


繼續學習
||
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <script> var ck = function(){ var x = prompt ("输入数据: ", ""); alert(x); } </script> </head> <body> <button onclick="ck();"> 输入按钮 </button> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!