详细文章请关注公众号：程序员波波。

或者点击文章最下方了解更多前往原文地址。

小时候很喜欢看《龙珠》这部动漫，今天我们来重温一下吧。

百度搜索“龙珠”

点开这个雅图在线的

可以看到这个网站做的很乱，我随便点开了一集播放。

打开控制台，可以看到这个网站做了特殊处理，我只要打开控制台，视频就会停止播放。Network中勉强能看到一些ts结尾的，无法看到更多信息。

我使用左上角的定位功能，定位了视频的元素。看到了video标签，但是这里的src中是以blob:打头的，这种链接并不是真实的视频地址。

但是我在Elements中继续往上滚动，发现了iframe这个标签，这个就是我《第01讲 基础》中提到过的。

我右击以新窗口打开iframe中的src链接（Open in new tab）

可以看到，我们来到了一个新的页面，页面中只有之前网页中的视频模块。但是依旧是打开控制台，视频就停止。

到这里似乎是无计可施了，好在有sources这个工具栏。如下图，点击我框起来的这个箭头按钮，然后再刷新网页。

久违依旧的Network终于又回来了，里面可以看到m3u8的地址：

到这里，m3u8的提取就结束了。

本次主要就是需要大家学会通过Elements中的iframe标签来分解我们的问题。通过iframe我们可以单独打开我们需要的视频模块。

其次我们需要学会使用sources中的停止断点调试功能。像上面打开控制台，视频就停止，是网站做了特殊处理，打开控制台就会进入断点调试，所以网站会停止。

更多方法请期待后续文章。