chrome调试

时间 2019-12-14

标签 chrome 调试栏目 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>