调试JS获得动态视频地址

需求

爬取一个H5视频的url，但是这个url只在点击播放时动态创建。

可以看到点击后才出现src属性

一开始使用selenium自动点击后获取src，后来随着IP被封锁，使用代理要加载全部页面的话非常慢，所以需要手动调试看看点击之后到底发生了啥。

一、找到是哪个元素响应了点击事件

利用Chrome的开发者工具可以看到与点击事件有关的dom有这些：

可以用Chrome浏览器提供的功能，在元素上 右键 --> DeleteElement 将这个dom删除，再次点击原来的位置看是否还有对应的响应事件。最后定位到响应事件的是 id="html5Player" 这个div。

二、查看这个元素绑定的点击事件

元素绑定事件常用的有jQuery的绑定和js原生的dom操作，可以通过搜索一些特征代码来定位。在console的工具栏左侧点击添加Search面板。首先搜索$('#html5Player')和$("#html5Player")看看是不是使用了jQuery。