JavaScript除錯


Posted by oack7426 on 2020-06-30

瀏覽器偵錯

debugger 除錯語法,程式跑到此語法會停住

  • 按下 Step 會一行行的跑程式
    (想一次跑完程式就按最左邊藍色的播放鈕)
  • 按下 Watch 新增想查看的變數,就可以跟著程式看變數的變化

螢幕快照 2020-06-26 下午4.48.42

瀏覽器設中斷點

螢幕快照 2020-06-26 下午4.59.31

防雷 瀏覽器console.log array / object

array / object 後面的值改變,前面的console.log 第一次跟重整後的值會不同

第一次載入

印出的 console 是正確,但詳細清單裡的不對
(印出的是最新的而非console時間點的)
螢幕快照 2020-07-05 上午12.00.42

重整後載入

變得很奇怪,直接印出最後 array
螢幕快照 2020-07-05 上午12.00.34

防雷推薦 - 直接印成字串

建議做法:把 array / object 改為字串印出
螢幕快照 2020-07-04 下午11.58.09


Mac 本地端跳出迴圈

ctrl + C 跳離無窮迴圈
螢幕快照 2020-06-26 下午5.06.30


#javascript







Related Posts

如何簡單在各頁面引入靜態html Layout

如何簡單在各頁面引入靜態html Layout

[ 紀錄 ] 實戰練習 - 留言版 (以 php 實作前端 + 後端)

[ 紀錄 ] 實戰練習 - 留言版 (以 php 實作前端 + 後端)

Git 筆記 - 將該次 commit 變動的檔案打包壓縮

Git 筆記 - 將該次 commit 變動的檔案打包壓縮


Comments