如何去掉或者修改网页中的遮罩层,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操作

 

目录
相关文章
|
5月前
|
前端开发
css实战——清除列表中最后一个元素的下边距
css实战——清除列表中最后一个元素的下边距
97 0
html如何将插入的背景图片全部覆盖样式写法
html如何将插入的背景图片全部覆盖样式写法
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
111 0
|
前端开发 容器
css溢出隐藏省略号不生效如何解决?
css溢出隐藏省略号不生效如何解决?
746 0
|
前端开发
CSS中有哪些隐藏页面元素的方法?
CSS中有哪些隐藏页面元素的方法?
106 0
elementui的form表单元素默认居中的问题得解决
elementui的form表单元素默认居中的问题得解决
782 0
javascrip 修改元素属性 - 切换图片
javascrip 修改元素属性 - 切换图片
79 0
javascrip 修改元素属性 - 切换图片
el-dialog嵌套问题,第二个弹窗会被遮住的解决办法
el-dialog嵌套问题,第二个弹窗会被遮住的解决办法
1557 0
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
131 0
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
|
JavaScript 前端开发 开发者
面试题:使用 css隐藏页面元素
我们先来说一下限制条件 可以使用 css、html、js 元素为一个 100*100 的红色矩形,里面包含一个 50*50 黑色矩形 只要在页面上看不到就算隐藏 测试地址:https://www.lilnong.top/static/html/hidden-dom.html
117 0
面试题:使用 css隐藏页面元素