JavaScript如何检测浏览器是否为Firefox？含移动端适配及报错处理

问题原因 #

$.browser 是jQuery 1.9版本之前的浏览器嗅探API，1.9及后续版本已正式移除该接口，因此直接调用 $.browser.mozilla 会触发undefined读取错误。

替代方案 #

1. 特性检测（优先推荐） #

浏览器嗅探易出错、维护成本高，建议通过检测特性支持来处理兼容，而非判断浏览器类型。比如针对Firefox专属特性做兼容时：

// 示例：检测Firefox特有的mozInnerScreenX属性
if (typeof window.mozInnerScreenX !== 'undefined') {
    // Firefox环境下的逻辑
} else {
    // 其他浏览器的逻辑
}

2. User-Agent检测（仅在必要时使用） #

如果确实需要判断是否为Firefox，可直接读取navigator.userAgent：

const isFirefox = navigator.userAgent.includes('Firefox');
if (isFirefox) {
    // Firefox环境下的逻辑
} else {
    // 其他浏览器的逻辑
}

注意：User-Agent可被篡改，该方式并非绝对可靠，仅在特性检测无法满足需求时选用。

3. 临时回退方案（不推荐） #

若必须使用$.browser接口，可引入jquery-migrate迁移插件恢复该功能，但这会增加代码体积，且不利于长期维护，仅适合旧项目临时过渡使用。

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