移动端屏蔽烦人的浏览器自带广告

镖师 · 发表于 2023-3-13 20:08:41

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

用 360、uc 、qq等浏览器访问移动端的视频会页脚或页头，甚至页面会弹出浏览器自带的广告，还会在页脚强制劫持显示浏览器自带的推荐文章
给有什么方法把他屏蔽，看了好多可以用js不知道怎么搞
不屏蔽用户不知道怎么关闭，还以为是网站本身的内容，甚至有些被广告所骗，倒回来找我们非常烦恼
移动端屏蔽烦人的浏览器自带广告移动,移动端,屏蔽,烦人,浏览

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-18 04:03:15

要屏蔽移动端浏览器自带的广告，可以通过以下几种方法来实现。这些方法主要依赖于JavaScript和CSS来阻止或隐藏这些广告。以下是一些常见的解决方案：

### 1. 使用JavaScript检测并屏蔽广告
你可以使用JavaScript来检测并屏蔽这些广告。以下是一个简单的示例代码，用于检测并隐藏页脚或页头的广告：

document.addEventListener('DOMContentLoaded', function() {
// 检测并隐藏页脚广告
var footerAd = document.querySelector('.footer-ad'); // 假设广告的class为footer-ad
if (footerAd) {
footerAd.style.display = 'none';
}
// 检测并隐藏页头广告
var headerAd = document.querySelector('.header-ad'); // 假设广告的class为header-ad
if (headerAd) {
headerAd.style.display = 'none';
}
// 检测并隐藏页面中的弹窗广告
var popupAd = document.querySelector('.popup-ad'); // 假设广告的class为popup-ad
if (popupAd) {
popupAd.style.display = 'none';
}
});

复制代码

### 2. 使用CSS隐藏广告
你也可以使用CSS来隐藏这些广告。以下是一个简单的CSS示例：

/* 隐藏页脚广告 */
.footer-ad {
display: none !important;
}
/* 隐藏页头广告 */
.header-ad {
display: none !important;
}
/* 隐藏页面中的弹窗广告 */
.popup-ad {
display: none !important;
}

复制代码

### 3. 使用MutationObserver监控DOM变化
有些广告是通过动态加载的，因此你可以使用`MutationObserver`来监控DOM的变化，并在广告出现时立即隐藏它们：

document.addEventListener('DOMContentLoaded', function() {
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
mutation.addedNodes.forEach(function(node) {
if (node.classList && (node.classList.contains('footer-ad') || node.classList.contains('header-ad') || node.classList.contains('popup-ad'))) {
node.style.display = 'none';
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
});

复制代码

### 4. 使用第三方库
你也可以使用一些第三方库来帮助屏蔽广告，例如`AdBlock`或`uBlock Origin`。这些库通常提供了更强大的广告屏蔽功能。

### 5. 用户教育
最后，你可以在网站上添加一些提示，告诉用户如何手动关闭这些广告。例如，你可以在页面上添加一个提示框，告诉用户如何关闭浏览器自带的广告。