码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-03 20:48:07      阅读:272      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!