前端小技巧|关掉某视频解析网站上的广告
关注它,不迷路。
本文章中所有内容仅供学习交流,不可用于任何商业用途和非法用途,否则后果自负,如有侵权,请联系作者立即删除!
1. 前言
没钱充视频网站的会员了,只有去视频解析类的网站上看,发现了一个还不错的网站:
'aHR0cHM6Ly93d3cuNXlqdS5jb20v'
比较烦人的就是,每次打开新的页面,左右两边都有广告,右下角还有个弹窗。
作为一个对前端还算有一丁点了解的人,这种广告怎么能忍,得想个办法干掉才行。
2. 分析元素
打开网站后,再按下F12,打开调试窗口,点击左上角的箭头:
然后再将鼠标移动到 广告 中间并点击,发现定位到这里:
它这个元素是在 id为 coupletleft 的 div 下面,控制台输入代码将其隐藏试试:
document.getElementById('coupletleft').style.display = "none";//隐藏
回车后,发现左边的广告已经被隐藏了:
既然这样可以隐藏,那其他的广告一样进行隐藏即可。
document.getElementById('coupletright').style.display = "none";//隐藏
document.getElementById('hbidbox').style.display = "none";//隐藏
document.getElementById('HMRichBox').style.display = "none";//隐藏
问题又来了,每个页面都有广告,但是不可能每个页面都去在控制台输入这些代码来隐藏广告,因此,自动执行非常重要。这里推荐油猴注入的方法:
3. 油猴注入代码
由于这些代码是在页面加载完毕后才加载的,因此,需要使用一个定时器来执行它,完整代码如下:
// ==UserScript==
// @name Hide AD
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author 悦来客栈的老板
// @match https://www.5yju.com/*
// @grant none
// @run-at document-end
// ==/UserScript==(function() {setTimeout(function() {let id = document.getElementById('coupletleft');if (id != null) {id.style.display = "none";//隐藏}id = document.getElementById('coupletright');if (id != null) {id.style.display = "none";//隐藏}id = document.getElementById('hbidbox');if (id != null) {id.style.display = "none";//隐藏}id = document.getElementById('HMRichBox');if (id != null) {id.style.display = "none";//隐藏}}, 500);
}
)();
注入后,再刷新,发现可以关掉广告了。这下清爽了。
遇到其他的网站,只需要找到广告所在div即可。
今天的文章就分享到这里,后续分享更多的技巧,敬请期待。
前端小技巧|关掉某视频解析网站上的广告相关推荐
- 计算机的电子邮件地址怎么看,电脑使用小技巧:如何找出网站上隐藏的电子邮件地址?...
当访问有些网站时,有时我们需要与网站进行联系,可是点击网站上的"联系我们"时,并没有出现详细的联系信息,比如:地址,邮件,电话等,电脑反而弹出outlook邮件客户端程序.如果我们 ...
- 基于源码仿建视频解析网站
0源码下载 1仿建网站 1.1网址:video.lnkjdx.com 1.2效果图 1.3使用方法 将视频的链接地址或视频所在网页粘贴解析播放即可 2源码解析 2.1index.html-视频区域BO ...
- html前端小技巧—字体及颜色色值准确设置
今天分享下"html前端小技巧-字体及颜色色值准确设置"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一 ...
- 每天一个前端小技巧——生成gif动图下载
每天一个前端小技巧--生成gif动图下载 动态热图的展现,分别展现某个时间段的热图时间变化,例如:最近一周七天内,每天的热图分布变化图:这个动态变化的图生成一个gif图提供下载是否可行? 实现方案: ...
- 超实用小技巧,iPhone如何除去APP的开屏广告?
超实用小技巧,iPhone如何除去APP的开屏广告? https://new.qq.com/rain/a/20221207A06LFG00 经过测试,确实有效 2023年2月14日12:35:34 i ...
- 你应该需要知道的前端小技巧
本文主要收集一些前端开发中我们可能不常用的开发技巧.如果路过的小伙伴有什么实用的小技巧可以再下方留言,我会将你宝贵的小技巧加在本文的后面,供路过的小伙伴们学习. 1. 清除定时器 就这?不是哟,我其实 ...
- JavaScript笔记-使用JS管理URL链接(前端小技巧)
如下这个JavaScript代码: var common_ops = {buildUrl:function( path ,params ){//params = { "test": ...
- 前端笔记-js文件首行添加;号(前端小技巧)
这里记录一个前端的小技巧: 一般来说,我们自己写js代码,都会在首行添加";"号 原因是html加载js,如果有多个,那么这些js文件会被合并. 当某个js文件,尾巴没有 &quo ...
- 没有人会告诉你的小技巧,自学视频剪辑第一步要做什么?
自学视频剪辑第一步要做什么?没有人会告诉你这个小技巧的. 相信很多人在做自媒体视频拍摄和剪辑的时候都是自学的,大周个人认为剪辑要稍微难一些. 视频拍摄有固定的技巧,但视频剪辑,10个人剪辑同一个素材, ...
最新文章
- PHP MySQL Update
- php后台登录页修改成ajax,使用php后台给自己做一个页面路由,配合ajax实现局部刷新。(示例代码)...
- 调用face++平台api进行人脸识别
- 【Qt】Visual Studio编译Qt项目报Qt Version错误
- 装B指南之使用浏览器播放电影
- Java中Lambda表达式与方法引用和构造器引用
- 0302借软件工程触IT
- oracle PS/SQL DEVELOPER
- 张一鸣:关于创业的4点感悟
- linux ubuntu因为没有正常关机,导致开机出现gun grub
- 蛋白质ph稳定性计算机模拟,基于计算机模拟、自组装和力谱技术的蛋白质分子间相互作用研究...
- 兴业研发晨会纪要2008年 10月 30日
- xdg在Linux中的用法,Linux实用命令之xdg-open
- 1.7 F1方程式冠军
- Chrome浏览器地址栏自动填充
- 关于使用idea输入中文时,候选框不出现在光标附近的问题
- 2005年商业科技盘点:最被高估10大技术
- watermark知识点
- BDB(ICCV2019)
- acrh17华硕固件_真香选择—华硕rt-acrh17,不止稳定……