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

演習課 WEEK12

演習課 WEEK12

How to Create a Load Balancer with an HTTPS Listener

How to Create a Load Balancer with an HTTPS Listener

《鳥哥 Linux 私房菜:基礎篇》Chapter 05 - Linux 的檔案權限與目錄配置

《鳥哥 Linux 私房菜:基礎篇》Chapter 05 - Linux 的檔案權限與目錄配置


Comments