如何通过throw脚本阻止Safari桌面端加载指定脚本并验证浏览器识别？

嘿，我来帮你搞定这个问题，分两部分拆解：先说说你那行Safari检测代码的准确性，再给你靠谱的脚本拦截方案。

一、你的Safari检测代码靠谱吗？ #

你写的/^((?!chrome|android).)*safari/i.test(navigator.userAgent)其实不够精准——因为iOS上的Chrome（CriOS）、Firefox（FxiOS）这些浏览器的UA里也会带"Safari"字样，这行代码会把它们误判成桌面Safari。

要精准识别桌面版Safari，得结合平台标识（Mac OS X）和排除其他带Safari字样的浏览器，修正后的代码如下：

function isDesktopSafari() {
  const ua = navigator.userAgent;
  // 核心逻辑：是Mac平台+包含Safari+排除Chrome/iOS其他浏览器
  return /Safari/i.test(ua) && /Mac OS X/i.test(ua) && !/Chrome|CriOS|FxiOS/i.test(ua);
}

这个函数能准确命中桌面Safari，不会把移动端的其他浏览器错认。

二、怎么阻止目标脚本加载？ #

你提到的目标脚本是通过document.write插入的，直接用throw中断可能会搞崩页面其他逻辑，这里给你两个更稳妥的方案：

方案1：重写document.write精准拦截 #

既然目标脚本是靠document.write插入的，我们可以临时替换这个方法，过滤掉目标内容：

// 先判断是不是桌面Safari
if (isDesktopSafari()) {
  // 先存好原始的document.write方法
  const originalWrite = document.write;
  document.write = function(html) {
    // 检查要写入的内容是不是目标脚本（用cburl或assets/cmodu当特征）
    if (!html.includes('cburl') && !html.includes('assets/cmodu')) {
      // 非目标内容，用原始方法正常写入
      originalWrite.call(this, html);
    }
    // 要是目标脚本，直接跳过不写入
  };
}

⚠️ 重点：这段代码必须放在目标脚本之前执行，最好塞在<head>的最顶部，确保在目标脚本调用document.write前完成替换。

方案2：用MutationObserver监听拦截（更灵活） #

如果目标脚本可能通过其他方式插入（比如动态创建script标签），可以用MutationObserver监听DOM变化，发现目标脚本就立刻移除：

if (isDesktopSafari()) {
  // 创建观察者
  const observer = new MutationObserver((mutations) => {
    mutations.forEach(mutation => {
      // 遍历所有新增的DOM节点
      mutation.addedNodes.forEach(node => {
        if (node.tagName === 'SCRIPT' && node.src.includes('assets/cmodu')) {
          // 找到目标脚本，直接删掉
          node.remove();
          // 可以断开观察者，避免重复处理
          observer.disconnect();
        }
      });
    });
  });

  // 配置监听：监听整个DOM树的子节点变化
  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });
}

这个方案能覆盖更多脚本插入场景，同样要确保代码在目标脚本加载前运行。

小提醒：别用throw硬中断 #

你提到想用throw来阻止加载，其实直接抛异常可能会中断页面上其他正常的JS代码执行，反而影响页面功能。上面的两种方案都是精准拦截目标脚本，不会干扰其他逻辑，更稳妥。

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