javaScript及jquery的代码跟踪及调试

一。js 源代码的锁定跟踪

        第一类  ：可以通过google chrome,选择对应的元素---检查    ，可在整个document   element (文档对象）明确知道调用的函数 ，只需浏览器console命令窗口直接输入函数名 --回车，点击结果定位函数的位置。第二类：.封装好的标签，在文档中无法知道激发该事件调用的函数。使用以下函数锁定该对象

        function lookEvents (elem) {

    return $._data ? $._data( elem, "events" ) : $.data( elem, "events", undefined, true );
}
var event = lookEvents($("#fileName2ctlBtn")[0]); // 获取绑定的事件
        event.click[0].handler

      function 

二。 1.  js的基础的调试手段。alert("string");  console.log("hello"）；debugger();

         2.id为“fileName2ctlBtn"的元素的所有属性及事件的查看   console.dir(document.getElementById("fileName2ctlBtn")) 

或者为 $("#fileName2ctlBtn");

dir($_); //“$_“ 表示上一个对象

3.查看json数据对象

var obj={username:"mary",age:15};

keys(obj);

values(obj);

4.通过chrome，查看发送的请求（Network）,观察提交的参数，及相应的返回结果，对ajax异步提交非常好用