一個寫后台的人 有一天要自己找前台頁面的錯誤 於是乎就得會前台debug 於是乎我不會 就在網上找了一些資料看 不就是幾個按鈕 嘛 有啥難的 上圖片
1.Google 瀏覽器 F12 就可以看到 前台調試工具啦
2.調試按鈕
3.按鈕的快捷鍵 及 作用
Debugger(調試面板)
- F8 or Ctrl + \: 暫停/繼續
- F10 or Ctrl + ': 單步執行
- F11 or Ctrl +;: 單步進入
- Shift + F11 or Ctrl + Shift+;: 單步退出
- Ctrl +./Ctrl+, : 上一幀/下一幀(譯為框架怪怪的)
- Ctrl +Shift+E: 被選中代碼在控制台中打印出console信息(非常實用)
- Ctrl + Shift + A: 添加到debugger的watch里面,可以關注你選中內容的變化
- Ctrl + B: 打斷點/取消斷點(很實用)
4.快快自己動手試試 挺好玩的哈
歡迎各位道友吐槽喲 @@@@@@@@@@@@@@@@@@@@@@