chrome F12调试~通览

Develop Tools 明白基本是做什么的 和场景

•  element
  • 查看html
    • 定位元素页面位置
      • ctrl+f 查找html中的信息 
    • 定位元素结构中关系　　
• 查看js css  　　
• styles  编辑css
• Event Listeners
• • 　　

    click 是事件名称

    .div1 事件是索引名称（也就是通过什么绑定的）

    attachment 事件来源

    handler里面包含事件的毁掉主体内容

    useCapture表示该事件是否向上冒泡

• Network
  • Name：请求文件名称
    Method：方法（常见的是get post）
    Status：请求完成的状态
    Type：请求的类型
    Initiator：请求源也就是说该链接通过什么发送（常见的是Parser、Script）
    Size：下载文件或者请求占的资源大小
    Time：请求或下载的时间
    Timeline：该链接在发送过程中的时间状态轴（我们可以把鼠标移动到这些红红绿绿的时间轴上，对应的会有它的详细信息：开始下载时间，等待加载时间，自身下载耗时）
• capture screenshoots 毫秒相应界面截图
• clear /  recording net work log 
• disable cache -- 304
• presever log - log information before jump
• 底部状态栏记录了当前的信息
• source -- DB websql