google 瀏覽器的Debug 調試工具使用

一個寫後臺的人 有一天要本身找前臺頁面的錯誤 因而乎就得會前臺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.快快本身動手試試  挺好玩的哈

 

歡迎各位道友吐槽喲  @@@@@@@@@@@@@@@@@@@@@@