谷歌浏览器调试时阻止页面不断debugger - 小众知识

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

2021-03-27 13:47:01 苏内容
  标签: 谷歌
阅读:4684

问题复现

一次扒某网站的前端代码,打开控制台要看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 了。



扩展阅读
相关阅读
© CopyRight 2010-2021, PREDREAM.ORG, Inc.All Rights Reserved. 京ICP备13045924号-1