chrome調試

 

一、跳過當前斷點,進入下一個斷點
二、繼續當前斷點,向下執行。若遇到有方法調用,直接返回結果,不進入執行方法內部
三、繼續當前斷點,向下執行。若遇到有方法調用,直接返回結果,進入執行方法內部
四、略過當前斷點通過方法執行的下邊全部行,直接跳轉到調用它的那個地方
五、不知道
六、忽略全部斷點
七、不知道
八、看着像線程,沒用過
九、監聽當前執行環境下,某個變量的值,加減號是增長或刪除監聽
十、方法調用棧,最後執行的在上邊
十一、當前做用域下,全部變量的
十二、點擊按鈕事件,程序通過的全部斷點,取消勾選能夠關閉此斷點html

 

如下代碼能夠用做測試測試

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button class="btn">hello</button>
    <script>
        let btn = document.querySelector('.btn');
        btn.onclick = ()=>{
            let res = one()
            console.log(res);
        }

        function one(){
            let res = two();
            res['one'] = 'i am one'
            return res
        }

        function two(){
            let res = tre()
            res['two'] = 'i am two'
            return res
        }
        function tre(){
            return {
                name:'xm',
                age:20
            }
        }
    </script>
</body>
</html>
相關文章
相關標籤/搜索