谷歌浏览器调试时阻止页面不断debugger

问题复现

一次扒某网站的前端代码，打开控制台要看Network，结果发现他们页面一打开控制台就不断的debugger，100ms一次，很影响看页面内容。就像下面这样的

问题分析

每次在断点处停下来的时候页面都会跳到source这个tab页面，也能够看到他的debugger的代码，其实他的实现很简单，只有这一行JS码

(function() {var a = new Date(); debugger; return new Date() - a > 100;}())

虽然简单，但是却很有效。

• 不停地打断你，页面跳到source页面，阻止你看他代码
• 不断的产生不可回收的对象，占据你的内存，造成内存泄漏，没过多久浏览器就会卡顿

问题解决

这个问题解决起来还是蛮简单的，问题解决只需要一句话：禁止断点。
而对应的操作是在Chrome控制台的Source Tab页点击Deactivate breakpoints按钮或者按下Ctrl + f8(下图)。

这样就能禁用断点了，问题就得到了解决，但是当你需要调试的时候记得要起他哦。

一些网站的视频为了防止下载，通常会采用blob加密的做法，打开浏览器控制台F12后，是这样的，想下载就很头疼。

这样是无法下载的，即使去掉blob前缀，搜索之后会报错或找不到，这就很尴尬了

这里需要两个插件：一个是网页视频获取插件、一个是M3U8视频下载工具；

（1）谷歌应用商店搜索：Adobe HDS / HLS Video Saver

先使用，现在要收费了

用途：获取视频的M3U8地址；

（2）M3U8下载工具：M3u8 Downloader

三、操作

（1）获取M3U8地址

M3u8 Downloader最近老是出bug可以用M3U8X代替

m3u8下载链接： https://mutou.run/9070.html/

就可以下载成功了。

另外一种方式，f12或者鼠标右击选择检查打开dev工具，刷新页面，点开视频，搜一下m3u8，右侧headers，吧request url 后面的链接复制下来

https://i.animeone.me/mdjaT.m3u8（跟上述插件的作用是一样的）

可以使用m3u8x打开，下载链接： https://mutou.run/9070.html/

如果文件包含单个m3u8主URL，请复制该文件。

运行程序m3u8x。

在两个文本框（URL和质量URL）中粘贴相同的m3u8网址，然后点击“标题”，并根据Chrome中的请求设置引荐网址和用户代理。

选择“MP4”的视频格式。

选中“One .. One”。

单击“下载”。

将显示一个对话框，其中包含所有单个.ts文件。单击“下载”将它们全部下载并将它们连接在一起。

等待片刻就ok 了。