python爬⾍基础18-Chrome调试前端⼯具
01 Chrome调试
抓包⼯具原理
Chrome 开发者⼯具是⼀套内置在Google Chrome中Web开发和调试⼯具。使⽤开发者⼯具来重演，调试和剖析您的⽹站。其中常⽤的有Elements(元素⾯板)、Console(控制台⾯板)、Sources(源代码⾯板)、Network(⽹络⾯板)。
设置断点
使⽤断点来暂停JavaScript代码，审查变量的值和在特定时刻所调⽤的堆栈。
设置断点的最基本的⽅法是在特定的代码⾏上⼿动添加⼀个断点。也可以将这些断点配置为仅在满⾜特定条件时触发。
例如事件，DOM更改。
在源代码的左侧，您可以看到⾏号。这个区域称为line number gutter(⾏号槽)。单击⾏号槽中的⾏号，就会在该⾏代码上添加⼀个断点。
监测DOM变化的断点
DOM断点分为三种：
1.Subtree Modifications(⼦树修改) - 当当前选定节点的⼦节点被删除，添加或⼦节点的内容发⽣更改时触发。当⼦节点属性改变时，或当前选择的节点发⽣任何改变，都不会触发该类型的断点。
2.Attributes modifications(属性修改) - 当在当前选定的节点上添加或删除属性时，或当属性值改变时触发。
3.Node Removal(节点删除) -当当前选定的节点被删除时触发。
设置⽅法：在HTML元素上右键单击，然后选择Break on>Subtree Modifications(⼦树修改)。节点左侧的蓝⾊图标 DOM断点图标表⽰在该节点上设置了DOM断点。
事件触发断点
当某事件（例如，click(点击)）或事件类别（例如，任何mouse(⿏标)事件）被触发时，使⽤Sources(源⽂件)⾯板上的Event Listener Breakpoints(事件侦听器断点)窗格中断。
逐步调试功能
python爬虫开发作⽤域
当脚本中断的时候，Scope(作⽤域)窗格将显⽰当前时刻所有当前定义的属性。
调⽤堆栈
靠近边栏顶部的是Call Stack(调⽤堆栈)窗格。当代码在断点处暂停时，Call Stack(调⽤堆栈)窗格显⽰执⾏路径，按时间逆序，将代码带到该断点。这有助于理解现在执⾏到哪⾥，它是如何到达这⾥的，是调试的⼀个重要因素。