Firefox中Qlik Replicate Web Console的Monitor按钮无法显示如何解决？

问题描述 #

使用Firefox访问Qlik Replicate Web Console，进入任务后右上角的“Monitor”按钮被下方内容遮挡，无法正常显示，但在Edge或Chrome中可正常显示。

浏览器效果对比 #

• Edge浏览器：显示正常的Monitor按钮
  
• Firefox浏览器：未显示Monitor按钮
  
• 页面分析：按钮被下方内容遮挡
  

解决方法 #

1. 调整浏览器缩放比例 #

通过快捷键Ctrl + -（Windows）或Cmd + -（Mac）缩小Firefox的缩放比例（如从100%改为90%），查看按钮是否能正常显示。

2. 禁用硬件加速 #

• 打开Firefox设置，进入「常规」选项卡
• 滚动到「性能」区域，取消勾选「使用硬件加速（如果可用）」
• 重启Firefox后重新访问控制台

3. 自定义CSS强制修复层级 #

借助Firefox的Stylus扩展实现临时修复：

• 从Firefox附加组件商店安装Stylus扩展
• 新建样式，针对Qlik Replicate Web Console的域名添加以下代码（需替换按钮实际CSS选择器，可通过开发者工具获取）：

/* 提升Monitor按钮层级，避免被遮挡 */
.monitor-button-selector {
  z-index: 9999 !important;
  position: relative !important;
}

4. 升级Qlik Replicate版本 #

该问题可能是版本兼容性导致，检查并升级到Qlik官方最新版本，验证兼容性修复情况。

5. 清除缓存与Cookie #

按下Ctrl + Shift + Delete（Windows）或Cmd + Shift + Delete（Mac），选择清除缓存和Cookie后重启浏览器，重新访问控制台。

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