谷歌瀏覽器打斷點調試方法


前言:最近遇到有的組件(比如vxe-table)會在本地run dev的時候生成自己的變量,但是發布到測試環境上面就會消失,所以需要借助瀏覽器打斷點來調試一下,方便看一下函數有沒有執行,變量賦值等有沒有生效,減少了發布測試的頻率,總結一下

 

下面總結一下瀏覽器的斷點調試方法:

1.F12打開控制台,點開source,說明如下圖:

  

 

 

2.在本地代碼里面復制一下需要查看是否執行的函數名稱,source里面的每個js文件去ctrl+F找一下,左下角的 “{}” 按鈕可以格式化js代碼,找到之后單擊這一行就可以添加斷點,執行操作觸發斷點,方便查看每一個變量的值,如下圖:

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM