爬虫寻找Javascript动态数据获取(网易云案例)

首先找到目标地址

https://music.163.com/#/search/m/?s=林俊杰&type=1
爬虫寻找Javascript动态数据获取(网易云案例)

查看网络请求

爬虫寻找Javascript动态数据获取(网易云案例)

刷新页面

爬虫寻找Javascript动态数据获取(网易云案例)

找到指定接口

爬虫寻找Javascript动态数据获取(网易云案例)

点击Headers 查看请求方式

爬虫寻找Javascript动态数据获取(网易云案例)

向下方滚动找到 加密方式 并复制选中的Key的一部分

爬虫寻找Javascript动态数据获取(网易云案例)

点击关闭当前功能

爬虫寻找Javascript动态数据获取(网易云案例)

鼠标触碰js 加载请求的地方 (core_aca9967….js?aca9967…:21)

爬虫寻找Javascript动态数据获取(网易云案例)

点击第一项

爬虫寻找Javascript动态数据获取(网易云案例)

看到此时的页面

爬虫寻找Javascript动态数据获取(网易云案例)

最下方点击格式化当前代码 { }

爬虫寻找Javascript动态数据获取(网易云案例)

显示这种状态 然后在代码中 按ctrl+f 搜索我们之前复制的部分 看到我们所显示的代码位置

爬虫寻找Javascript动态数据获取(网易云案例)

然后打上断点 进入debug模式 查找我们所需要的数据

爬虫寻找Javascript动态数据获取(网易云案例)

刷新当前页面 正式进入模式

爬虫寻找Javascript动态数据获取(网易云案例)

会显示这种状态

爬虫寻找Javascript动态数据获取(网易云案例)

点击蓝钮 进行下一步请求

爬虫寻找Javascript动态数据获取(网易云案例)

当我们点击时Network 的请求也会跟着动 所以直到找到我们 刚开始获取数据的那个接口 才能停止按蓝钮(这时我们要细心不能按快找好节奏)

爬虫寻找Javascript动态数据获取(网易云案例)

已经获取到我们想要的位置

爬虫寻找Javascript动态数据获取(网易云案例)

点击Sources 会看到我们所需要的数据

爬虫寻找Javascript动态数据获取(网易云案例)

当我们想退出debug模式 把断点去掉就可以啦