📝 JavaScript禁用与启用脚本方法全攻略（2026年最新版）

1. 什么是JavaScript禁用？为什么要禁用JS？

JavaScript（简称JS）是网页开发中最核心的脚本语言之一，它赋予了网页动态交互能力。所谓JavaScript禁用，是指在浏览器环境中阻止JavaScript代码的执行，使得网页中的动态功能失效。

在2026年的网络环境中，禁用JavaScript主要有以下几个应用场景：

• 🔒 安全测试：开发者在进行安全审计时，需要模拟无JS环境来检测网站的健壮性。
• 🛡️ 隐私保护：部分追踪脚本依赖JS，禁用它可减少被追踪的风险。
• ⚡ 性能优化：在低性能设备上禁用JS可以显著提升页面加载速度。
• 🐛 调试排错：前端开发者经常需要开关JS来定位页面渲染问题。
• 🌐 SEO测试：搜索引擎爬虫在不执行JS的情况下抓取页面，需要验证内容是否可被索引。

2. 方法一：通过浏览器设置禁用/启用JavaScript

这是最直接、最常用的方法，适用于所有主流浏览器。以下是各浏览器在2026年最新版本中的操作步骤：

🔹 Google Chrome（版本128+）

1. 点击浏览器右上角的三个点图标（⋮）→ 选择「设置」。
2. 在左侧菜单中找到「隐私与安全」→ 点击「网站设置」。
3. 滚动到底部找到「JavaScript」选项。
4. 切换开关：允许（启用JS）/ 阻止（禁用JS）。
5. 还可以在「自定义行为」中针对特定网站单独设置JS权限。

🔹 Mozilla Firefox

1. 在地址栏输入 about:config 并回车。
2. 搜索 javascript.enabled。
3. 双击该配置项切换值：true（启用）/ false（禁用）。

🔹 Microsoft Edge

1. 点击右上角「···」→「设置」→「Cookie和网站权限」。
2. 找到「JavaScript」→ 切换开关即可。

🔹 Safari（macOS）

1. 顶部菜单栏 →「Safari」→「偏好设置」→「安全性」。
2. 取消勾选「启用JavaScript」即可禁用。

3. 方法二：使用浏览器开发者工具（DevTools）控制JS

对于前端开发者和高级用户来说，使用开发者工具是更灵活的方式。2026年的DevTools已经非常强大：

🔸 临时禁用JS（Chrome DevTools）

1. 按 F12 或 Ctrl+Shift+I（Mac: Cmd+Option+I）打开开发者工具。
2. 点击右上角的齿轮图标（⚙️）进入设置。
3. 在「Preferences」面板中找到「Debugger」部分。
4. 勾选「Disable JavaScript」复选框。
5. 注意：此设置仅在DevTools打开时生效，关闭后自动恢复。

🔸 使用Console命令行

在DevTools的Console中，可以通过以下脚本动态阻止后续JS执行（谨慎使用）：

// 注意：这不会禁用已加载的JS，但可以阻止部分事件
                    document.addEventListener('DOMContentLoaded', function(e) {
                    e.stopImmediatePropagation();
                    }, true);

                    // 覆盖eval函数来阻止动态代码执行
                    window.eval = function() {
                    console.warn('⚠️ eval已被阻止执行');
                    return undefined;
                    };

4. 方法三：使用浏览器扩展插件管理脚本

2026年有许多优秀的浏览器扩展可以帮助您精细控制JavaScript的执行：

• uBlock Origin：除了广告拦截，还可以通过高级设置禁止内联脚本和第三方JS。
• NoScript：Firefox平台的经典扩展，允许用户按域名白名单方式控制JS执行。
• ScriptSafe：Chrome平台的JS管理扩展，提供细粒度的脚本控制。
• Tampermonkey / Violentmonkey：用户脚本管理器，可以注入自定义脚本或阻止特定脚本。

使用扩展的好处是可以按网站粒度进行精准控制，而不影响其他网站的正常使用。

5. 方法四：通过HTML meta标签和noscript标签

作为网站开发者，您可以通过HTML标签来处理JS禁用的情况：

📌 noscript标签

📌 HTTP头部控制

在服务器端可以通过Content-Security-Policy（CSP）头部来限制JS执行：

# 完全禁止所有JS执行
                        Content-Security-Policy: script-src 'none'

                        # 仅允许同源JS
                        Content-Security-Policy: script-src 'self'

6. 方法五：使用脚本代码动态控制JS执行

在某些自动化测试场景中，您可能需要通过脚本代码来动态控制JavaScript的启用与禁用状态。以下是2026年常用的几种技术方案：

🔸 Puppeteer / Playwright 控制

在使用无头浏览器进行自动化测试时，可以通过配置来禁用JS：

// Playwright 示例 - 禁用JavaScript
                            const browser = await chromium.launch();
                            const context = await browser.newContext({
                            javaScriptEnabled: false  // 禁用JS
                            });
                            const page = await context.newPage();
                            await page.goto('http://www.bcd.org.cn/');
                            // 此时页面中的JS将不会执行

🔸 Selenium WebDriver

// Python + Selenium 禁用JS示例
                                from selenium import webdriver
                                from selenium.webdriver.chrome.options import Options

                                chrome_options = Options()
                                prefs = {"profile.managed_default_content_settings.javascript": 2}
                                chrome_options.add_experimental_option("prefs", prefs)
                                driver = webdriver.Chrome(options=chrome_options)

🔸 前端动态拦截

在页面加载前通过Service Worker拦截并修改响应，过滤掉JS文件：

// Service Worker 中拦截JS请求
                                    self.addEventListener('fetch', function(event) {
                                    if (event.request.url.endsWith('.js')) {
                                    event.respondWith(
                                    new Response('/* JS已被Service Worker拦截 */', {
                                    headers: {'Content-Type': 'text/javascript'}
                                    })
                                    );
                                    }
                                    });

7. 各浏览器JS禁用方法对比一览

下面整理了2026年主流浏览器禁用JavaScript的方法对比，方便快速查阅：

9. 🙋 常见问题FAQ