如何通过JavaScript停用外部集成的指定JavaScript文件

要让目标<script>标签对应的JS文件不执行，核心得在浏览器解析执行它之前动手——毕竟脚本一旦开始跑，就没法中途叫停了。下面是几种靠谱的实现方式：

方法1：提前修改/移除目标脚本标签（最直接） #

把你的控制JS放在目标脚本的前面加载，通过DOM操作找到目标脚本，修改它的属性让浏览器跳过执行：

// 这段控制代码要放在目标<script>之前
document.addEventListener('DOMContentLoaded', () => {
  // 通过src匹配目标脚本
  const targetScript = document.querySelector('script[src="https://domain.tld/javascript-file.js"]');
  if (targetScript) {
    // 选一种方式就行：
    // 方式1：直接移除脚本标签
    targetScript.remove();
    // 方式2：把type改成非可执行类型，浏览器会忽略
    // targetScript.type = 'text/plain';
    // 方式3：清空src属性
    // targetScript.src = '';
  }
});

如果不想等DOM加载完成，也可以直接执行查找逻辑（适合脚本在头部的情况）：

// 直接执行的控制代码，放在目标<script>之前
const allScripts = document.getElementsByTagName('script');
for (let script of allScripts) {
  if (script.src === 'https://domain.tld/javascript-file.js') {
    script.type = 'text/plain';
    break;
  }
}

方法2：用MutationObserver监听动态插入的脚本 #

如果目标脚本是后来动态插入到页面的，就用MutationObserver监听DOM变化，一旦发现目标脚本就立刻拦截：

// 控制代码放在页面头部
const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    mutation.addedNodes.forEach((node) => {
      if (node.tagName === 'SCRIPT' && node.src === 'https://domain.tld/javascript-file.js') {
        // 标记为非可执行脚本
        node.type = 'text/plain';
        observer.disconnect(); // 完成拦截后停止监听，节省资源
      }
    });
  });
});

// 监听整个文档的节点新增
observer.observe(document.documentElement, {
  childList: true,
  subtree: true
});

重点提醒 #

• 加载顺序绝对不能错：你的控制JS必须比目标脚本先加载，不然浏览器已经把目标脚本执行完了，再操作也白搭。
• 如果目标脚本有id、class等其他标识，可以把选择器改成script#xxx或者script.yyy来更精准匹配。

内容的提问来源于stack exchange，提问作者Omexlu