谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

谷歌瀏覽器js斷點怎么調試,相信有很多小伙伴對此存在疑惑,接下來就跟著經驗啦網小編一起了解一下調試谷歌瀏覽器js斷點的方法說明 。希望可以幫助到大家 。
谷歌瀏覽器js斷點調試方法:
首先我們在需要調試的界面按 F12 打開開發者工具

谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

打開成功可以看到上圖所示的彈出工具 。本經驗是如何調試,所以直接進入正題,點擊 Sources 標簽
谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

左邊 Page 標簽下顯示的就是項目目錄
谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

假設對 Main.ts 進行調試 , 需要在調試代碼行前,點擊行數字位置所在,出現如圖所示的藍色標志 , 表示定位成功 。
谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

接下來運行頁面,運行到腳本所在就會在斷點的位置,出現暫停,將鼠標移到指定變量,就會顯示出相關數據
谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

配合右邊 watch 跟 調用堆棧的使用 , 可以跳出該函數,查看上一步函數等等 。通過查看這些數據得到調試結果
谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明

注意事項:
斷點位置斷在想查看數據之后
【谷歌瀏覽器js斷點怎么調試?調試谷歌瀏覽器js斷點的方法說明】以上就是經驗啦網小編今日為大家帶來的調試谷歌瀏覽器js斷點的方法說明,更多軟件教程盡在IE瀏覽器中文網站!

相關經驗推薦