怎么屏蔽网页js浮窗

要屏蔽网页JS浮窗，可以采取以下措施：使用浏览器扩展、修改浏览器设置、使用用户脚本管理器。 其中，使用浏览器扩展是最为简便和高效的方法。以下将详细描述如何使用浏览器扩展来屏蔽网页JS浮窗。

使用浏览器扩展可以通过安装专门的广告拦截插件来屏蔽网页上的JS浮窗。这些插件通常能自动识别和阻止大部分浮窗广告。以AdBlock Plus为例，用户只需要在浏览器扩展商店中搜索并安装该插件，然后启用它，即可实现对JS浮窗的屏蔽。大部分插件还支持自定义规则，用户可以根据需求进行更精准的设置。

一、使用浏览器扩展

1. 安装广告拦截插件

浏览器扩展如AdBlock Plus和uBlock Origin是目前最流行的广告拦截插件。它们不仅能屏蔽广告，还能有效地阻止JS浮窗。以下是安装和使用这些插件的步骤：

AdBlock Plus:
- 打开浏览器扩展商店（如Chrome Web Store）。
- 搜索“AdBlock Plus”。
- 点击“添加到Chrome”或相应的安装按钮。
- 安装完成后，插件会自动启用，你会看到浏览器右上角出现ABP图标。
uBlock Origin:
- 同样打开浏览器扩展商店。
- 搜索“uBlock Origin”。
- 点击“添加到Chrome”或相应的安装按钮。
- 安装完成后，插件会自动启用，并在浏览器右上角显示uBlock图标。

2. 自定义屏蔽规则

安装完插件后，用户可以自定义屏蔽规则，以更精准地屏蔽JS浮窗：

AdBlock Plus:
- 点击浏览器右上角的ABP图标。
- 选择“选项”。
- 在“我的过滤器”选项卡中，添加自定义屏蔽规则。例如，要屏蔽特定网站的浮窗，可以添加类似于example.com##.popup的规则。
uBlock Origin:
- 点击浏览器右上角的uBlock图标。
- 选择“仪表盘”。
- 在“我的过滤器”选项卡中，添加自定义屏蔽规则。例如，可以添加类似于example.com##.popup的规则。

二、修改浏览器设置

有些浏览器自带一些功能，允许用户禁用某些脚本或元素。这些设置通常位于浏览器的高级设置或开发者工具中。

1. 使用浏览器的开发者工具

现代浏览器都提供了开发者工具，用户可以通过这些工具来查找和屏蔽特定的JS浮窗：

Chrome浏览器:
- 按F12打开开发者工具。
- 选择“元素”面板，使用选择工具找到浮窗的HTML元素。
- 右键点击该元素，选择“删除元素”。
- 也可以在“控制台”面板中输入自定义的JavaScript代码来移除浮窗，例如document.querySelector('.popup').remove();。

2. 禁用JavaScript

在某些情况下，用户可能希望完全禁用JavaScript来避免浮窗。这种方法会影响网站的正常功能，因此不推荐作为常规手段，但在特定情况下可以使用：

Chrome浏览器:
- 打开设置，搜索“JavaScript”。
- 选择“网站设置”。
- 在“JavaScript”选项中，选择“禁止网站运行JavaScript”。

三、使用用户脚本管理器

用户脚本管理器如Tampermonkey和Greasemonkey允许用户编写和运行自定义的JavaScript脚本，以实现屏蔽浮窗的目的。

1. 安装用户脚本管理器

Tampermonkey:
- 打开浏览器扩展商店。
- 搜索“Tampermonkey”。
- 点击“添加到Chrome”或相应的安装按钮。
Greasemonkey:
- 打开Firefox扩展商店。
- 搜索“Greasemonkey”。
- 点击“添加到Firefox”或相应的安装按钮。

2. 编写和运行脚本

安装完用户脚本管理器后，用户可以编写自定义脚本来屏蔽JS浮窗：

打开Tampermonkey或Greasemonkey的仪表盘。

创建一个新脚本，添加以下代码：

// ==UserScript==
// @name         Block Popups
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    // Your code here...
    document.querySelectorAll('.popup').forEach(el => el.remove());
})();

保存并启用脚本。

四、总结

屏蔽网页JS浮窗的方法多种多样，但使用浏览器扩展无疑是最为简便和高效的方式。通过安装和配置广告拦截插件如AdBlock Plus或uBlock Origin，用户可以轻松实现对JS浮窗的屏蔽。此外，修改浏览器设置和使用用户脚本管理器也是有效的辅助手段。根据个人需求和技术水平，用户可以选择最适合自己的方法来屏蔽网页上的JS浮窗，提升浏览体验。