巧用网页开发者工具F12 审查、修改元素、去除广告、屏蔽遮罩

巧用网页开发者工具F12 审查、修改元素、去除广告、屏蔽遮罩

每当打开一个网页的时候,是否为页面有很多广告而烦恼;是否为要操作页面(例如观看超清视频),请先注册登录等等事情而麻烦;是否对网页加锁的视频懊恼?今天为大家分享一个技巧,本文只提供思路,更多好玩有趣的东西有待朋友们开发!

不过也要提醒开发者在做遮罩层的时候注意这些问题!

  • 好了切入正题,先说某某学院视频,如图,视频本身是加锁的,点击会弹出登录框!

         

  • 这时候要做的就是 F12打开开发者工具,找到弹出层的元素然后将其display:none;这样比较麻烦是吧,还有更简单的一种方法,笔者用的是UC流浪器,右击弹出层会提示如图:

  • 这时我们只要点击拦截此元素后,出现的是一层遮罩,如图:

  • 再次右击遮罩在此拦截此元素,

  • 然后即可在未登陆的情况下打开视频.

  • 在看一个chrome流浪器下的例子:
  • 此网站未登陆时不能进行任何操作的,如图

  • 这时候我们要做的就是找到此弹框的display属性将其干掉!然后也是剩下遮罩层,然后只要把它的遮罩层干掉就ok啦!

  • 好了,大功告成,如图可以看出来在未登录页面的情况下输入了文字,未登录可以正常操作访问页面!

  • 如下一个是去广告的例子,就不细说了,简单上几张图!
  • 去广告前,
  • 去广告后:

 

  • 好好好例子就这么多,这只是一个思路,开发者工具中更多好玩有趣的东西有待我们共同探索,同时在这里笔者也要提前广大开发者在制作遮罩时给与相应的对策!

博客主页:http://www.cnblogs.com/bc8web/

转载于:https://www.cnblogs.com/bc8web/p/5270160.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值