首页 > Web开发 > 详细

js调试,输出函数调用顺序

时间:2015-07-03 20:45:55      阅读:285      评论:0      收藏:0      [点我收藏+]

在维护一个上万行的js代码,由于代码混乱  与用户交互 所执行的代码很难找  

想找一个工具 在用户交互网页的过程中能输出 所执行的函数名字

工具没找到,但发现console.trace 能达到我想要的功能

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Documeddddnddddddt</title>
</head>
<body>
    <button id="2222">1111</button>
    <button id="3333">2222</button>
    <script type="text/javascript">
      function $(id){console.trace();
       return document.getElementById(id);
      }

      function f1(){ console.trace();
       $(‘2222‘).addEventListener(‘click‘,function(){
        console.trace();
       })
      }

    </script>
</body>
</html>

  控制台

技术分享

js调试,输出函数调用顺序

原文:http://my.oschina.net/diqye/blog/474321

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!