如何仅使用jQuery实现仅在Firefox浏览器中显示div/提示消息

实现逻辑很直接：提示元素默认先隐藏避免其他浏览器加载时闪露内容，通过浏览器UA特征识别当前环境，确认是Firefox后再用jQuery控制元素显示即可，全程不需要额外依赖。

• 先写页面HTML结构，给提示Div设置默认隐藏的内联样式：

<div id="ff-only-tip" style="display: none; padding: 12px; background: #e6f7ff; border: 1px solid #91d5ff; border-radius: 4px; color: #1890ff;">
  这是仅对Firefox浏览器用户展示的提示消息
</div>

• 写入jQuery逻辑，注意高版本jQuery已经移除了旧的$.browser浏览器检测API，直接用正则匹配UA里的Firefox特征字段最稳妥，等DOM加载完成后再执行判断：

$(function() {
  // 匹配UA中的Firefox版本标识，忽略大小写
  const isFirefoxEnv = /Firefox\/[\d.]+\s*/i.test(navigator.userAgent);
  if (isFirefoxEnv) {
    $('#ff-only-tip').show();
  }
});

注意：用户可以手动篡改浏览器UA字符串，这个方案适合普通的友好提示场景。如果是涉及功能兼容的判断，建议优先做对应浏览器特性的能力检测，不要只依赖UA结果。

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