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

 

目录
相关文章
|
20天前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
16 0
|
20天前
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
|
10月前
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
73 0
|
8月前
|
前端开发
禁用div元素 —— css静止点击事件
禁用div元素 —— css静止点击事件
34 0
|
10月前
|
CDN
elementui的form表单元素默认居中的问题得解决
elementui的form表单元素默认居中的问题得解决
373 0
HTML的div标记为何设置背景色无效?
HTML的div标记为何设置背景色无效?
383 0
javascrip 修改元素属性 - 切换图片
javascrip 修改元素属性 - 切换图片
61 0
javascrip 修改元素属性 - 切换图片
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
109 0
BOM+DOM案例——阻止链接跳转,div滚动条,元素的隐藏方式,字符串拼接
html去除input边框以及选中时边框 默认样式
html去除input边框以及选中时边框 默认样式
892 0
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距

热门文章

最新文章