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

 

目录
相关文章
|
监控 安全 API
Outlook邮箱API发送邮件的具体步骤
使用Outlook邮箱API发送邮件涉及五个步骤:1) 注册Azure应用并获取API访问权限;2) 构建包含邮件详情的POST请求;3) 发送请求至API端点,附带验证信息和访问令牌;4) 检查API响应状态码确保邮件发送成功;5) 监控邮件发送状态。AokSend提供高效发信服务,支持触发式和SMTP/API接口。确保遵循最佳实践,保证邮件发送安全可靠。
|
存储 前端开发 JavaScript
【JavaScript】浮点数精度问题
浮点数精度问题是指在计算机中使用二进制表示浮点数时,由于二进制无法精确表示某些十进制小数,导致计算结果可能存在舍入误差或不精确的情况。 这个问题主要源于浮点数的存储方式。在计算机中,浮点数通常使用IEEE 754标准来表示。该标准将浮点数分为符号位、指数位和尾数位,使用科学计数法来表示一个浮点数。
538 0
|
存储 安全 JavaScript
渗透攻击实例-xss跨站脚本攻击
渗透攻击实例-xss跨站脚本攻击
|
图形学
unity3d UGUI常用游戏进度条实现方式
测试.png 直接将脚本挂载到进度条image对象上即可,这种方式可以解决当进度条使用图片的时候,防止图片拉伸变形 using UnityEngine; using UnityEngine.
3461 0
|
4月前
|
存储 人工智能 弹性计算
2026年阿里云服务器租用价格表:一年、1个月、3年和1小时收费清单(完整版)
在云计算快速普及的2026年,阿里云作为国内领先的云计算服务提供商,凭借稳定的性能、灵活的配置和透明的定价,成为个人开发者、中小企业及大型企业上云的首选。阿里云服务器租用价格体系基于机型品类、配置规格、计费模式及部署地域构建,采用“基础套餐 + 组件叠加”的透明定价方式,无隐藏消费,核心涵盖轻量应用服务器、ECS云服务器、GPU高性能服务器三大品类,计费方式包括年付、月付、3年付及按量付费(按小时计费),费用从38元/年到数万元/年不等,适配个人开发、中小企业建站、AI计算等全场景需求。
3472 11
|
3月前
|
人工智能 固态存储 Linux
Token告急?OpenClaw永久免费方案:阿里云/本地搭建+自部署模型(Ollama 、GLM、Qwen、Llama)+百炼API配置
2026年,OpenClaw(昵称“小龙虾”)凭借开源灵活、功能强大的特性,成为AI爱好者与开发者的首选工具。但很多用户都遭遇过参考文章中作者的困境:只是偶尔测试,500万Token就悄悄耗尽,高频使用的话,Token消耗速度堪比“流水”,还没靠AI赚到钱,反而要先投入一笔不小的成本。
2099 3
|
消息中间件 数据可视化 Java
SpringBoot3集成Kafka
SpringBoot3集成KafkaKafka是一个开源的分布式事件流平台,常被用于高性能数据管道、流分析、数据集成和关键任务应用,基于Zookeeper协调的处理平台,也是一种消息系统,具有更好的吞吐量、内置分区、复制和容错。
1553 1
|
供应链 监控 安全
网络安全中的零信任架构:从概念到部署
网络安全中的零信任架构:从概念到部署
1452 75
|
数据采集 JavaScript 前端开发
浏览器自动化检测对抗:修改navigator.webdriver属性的底层实现
本文介绍了如何构建一个反检测爬虫以爬取Amazon商品信息。通过使用`undetected-chromedriver`规避自动化检测,修改`navigator.webdriver`属性隐藏痕迹,并结合代理、Cookie和User-Agent技术,实现稳定的数据采集。代码包含浏览器配置、无痕设置、关键词搜索及数据提取等功能,同时提供常见问题解决方法,助你高效应对反爬策略。
1290 1
|
开发工具 git
fatal: unable to access ‘https://github.com/.../.git‘: Could not resolve host: github.com解决方法【亲测有效】
1.问题原因 今天在使用Github的时候突然出现了这样的报错,云里雾里,看了网上的解决办法,说是代理服务器的问题,尝试了无数遍无果 然后Ping了一下github网站,发现Ping不通:
3938 0

热门文章

最新文章