如何去掉或者修改网页中的遮罩层,DIV等元素?

简介: 起因:前几天女友在查资料写文章,打开一个网页,发现网页的被一个半透明的遮罩层给覆盖了(一个已经过期的组织活动 的网页,H5就将它遮盖了),就来问我怎么弄。

起因:

前几天女友在查资料写文章,打开一个网页,发现网页的被一个半透明的遮罩层给覆盖了(一个已经过期的组织活动 的网页,H5就将它遮盖了),就来问我怎么弄。

当然,这个问题对于大部分开发来说还是很简单的,直接删除dom中的那个遮罩层元素即可,但是还有很多非开发的小白肯定不知道怎么做

举例:

这个例子不太规范,因为它上面有个X号,就这样吧,意思到位就OK了

如果没有那个X号,这个网页我们是无法操作或者查看的

方法1(适合小白):

1.在Chrome浏览器中,右键,选择Inspect(检查)

2.选择中下面的代码,直接删除即可

方法2:

这个方法适合程序员,直接执行JS,移除它。在Chrome浏览器中,在console中直接用JS语句让div等元素消失;Android或者iOS通过webView执行类似的JS语句即可,我这里就不细说了

效果:

拓展:

只要是网页,我们就可以任意修改里面的内容,因为网页有各种dom元素组成的树状结构,dom元素被加载到我们本地,那服务端就无法对我们的dom显示内容进行控制

例如,修改名称,隐藏,等任何JS操作

 

目录
相关文章
|
4月前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
36 0
|
12月前
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
html如何将插入的背景图片全部覆盖样式写法
html如何将插入的背景图片全部覆盖样式写法
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
96 0
|
11月前
|
前端开发
禁用div元素 —— css静止点击事件
禁用div元素 —— css静止点击事件
54 0
|
前端开发
CSS中有哪些隐藏页面元素的方法?
CSS中有哪些隐藏页面元素的方法?
94 0
elementui的form表单元素默认居中的问题得解决
elementui的form表单元素默认居中的问题得解决
615 0
javascrip 修改元素属性 - 切换图片
javascrip 修改元素属性 - 切换图片
70 0
javascrip 修改元素属性 - 切换图片
|
前端开发 JavaScript
css中元素的显示与隐藏
元素的显示与隐藏 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现! 本质:让一个元素在页面中隐藏或者显示出来。 display 显示隐藏 visibility 显示隐藏 overflow 溢出显示隐藏
140 0
css中元素的显示与隐藏
html去除input边框以及选中时边框 默认样式
html去除input边框以及选中时边框 默认样式
1195 0