zoukankan      html  css  js  c++  java
  • Google Chrome调试js代码,开发者工具之调试工具常用功能

     

    参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html

    重点:左下角一个{}括号图标按钮用于把杂乱的代码重新格式化为漂亮的代码,比如一些已被压缩的 js 文件基本没法看、更没法调试。点一下格式化,再点一下就取消格式化

    查看元素上绑定了哪些事件

    event

    • 默认会列出 All Nodes, 这些包括代理绑定在该节点的父/祖父节点上的事件, 因为在在冒泡或捕获阶段会经过该节点
    • Selected Node Only 只会列出当前节点上绑定的事件
    • 每个事件会有对应的几个属性 handlerisAtributelineNumberlistenerBodysourceNametypeuseCapture
      • handle
      • handler是处理函数, 右键可以看到这个函数定义的位置, 一般 js 库绑定事件会包一层, 所以这里很难找到对应handler
      • isAtribute 表明事件是否通过 html 属性(类似onClick)形式绑定的
      • useCapture 是 addEventListener 的第三个参数, 说明事件是以 冒泡 还是 捕获 顺序执行

    更多断点调试,技巧看:"chrome调试工具常用功能整理"-http://www.html-js.com/article/2327,百度快照版:http://cache.baiducontent.com/c?m=9d78d513d9921bef05b2c3690d6781314913d5366b97c4523f8a9c12d52219564615fea662675513d3b226215ef15e5c9ca87765377471eac4d5db0a9be0c376789527357019&p=cb3fc716d9c11af408e2947d594c&newp=837dc215d9c342c334a7c7710f0592695d0fc20e3ad3d079139e&user=baidu&fm=sc&query=chrome+debugger&qid=96d039cb0000e017&p1=24

  • 相关阅读:
    为什么Java中 wait 方法需要在 synchronized 的方法中调用?
    XML常用解析API有哪几种?
    Dubbo 和 Spring Cloud 的区别?
    Java 线程池中 submit() 和 execute()方法有什么区别?
    详细描述一下 Elasticsearch 搜索的过程?
    为表中得字段选择合适得数据类型 ?
    Json有什么作用?
    Ajax的乱码解决问题?
    eclipse安装配置记录
    srs部署/webrtc拉流
  • 原文地址:https://www.cnblogs.com/svennee/p/4167383.html
Copyright © 2011-2022 走看看