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

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

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

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

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

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

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

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

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

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

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

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

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

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

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