如何根据浏览器控制JS加载？实现Firefox下不加载指定JS文件

之前尝试失败的原因 #

你用的$.browser.mozilla在jQuery 1.9及后续版本已被官方移除，所以这个判断逻辑无法生效，导致代码没达到预期效果。

可行实现方案 #

以下是几种可靠的原生JS实现方式，无需依赖jQuery：

• 方案一：利用Firefox独有的API检测
  Firefox有一个独有的InstallTrigger对象，可通过它判断当前浏览器是否为Firefox，仅在非Firefox环境加载目标JS：

  <script>
  // 检测是否是Firefox浏览器
  const isFirefox = typeof InstallTrigger !== 'undefined';
  if (!isFirefox) {
      // 动态创建script标签并加载目标文件
      const scriptEl = document.createElement('script');
      scriptEl.src = 'js/my_script.js';
      document.head.appendChild(scriptEl);
  }
  </script>
  

• 方案二：通过userAgent字符串检测
  读取浏览器的userAgent信息，判断是否包含Firefox标识，仅在非Firefox环境加载：

  <script>
  const isFirefox = navigator.userAgent.includes('Firefox');
  if (!isFirefox) {
      const scriptEl = document.createElement('script');
      scriptEl.src = 'js/my_script.js';
      document.head.appendChild(scriptEl);
  }
  </script>
  

  注意：userAgent可能被用户手动修改，但绝大多数场景下足够可靠。

额外提示 #

如果不需要加载替代脚本（比如你之前的blank_script.js），直接跳过Firefox环境的加载逻辑即可，没必要额外发起空白脚本的请求，能减少不必要的网络开销。

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