Zoho SalesIQ 移动端黑屏问题

支持
1

大家好……抱歉发了这么长的消息，但我已经独自尝试了好几天，通过 ask.discourse 和我自己的 Claude 实例来修复这个问题。我让我的 Claude 整理了附件中的报告，包括我们尝试过的方案以及其他问题。以下是供你们参考的初始背景信息……

Discourse 支持完整背景
站点：canbarforum.incba.org（需要来自我们会员管理系统的 SSO 单点登录）
主题：Horizon（官方 Discourse 远程主题）
Discourse 版本：v2026.9.0-latest（Ember v7.2.0）
第三方集成：Zoho SalesIQ（访客跟踪小部件，有意保持在“忙碌”状态——仅用于跟踪，不打算显示可见的聊天气泡）

  1. 目标
    安装 Zoho SalesIQ 仅用于匿名访客跟踪（页面浏览量、在线状态）——不显示可见的聊天气泡，因为小部件被有意保持在“忙碌”状态。桌面端运行完美。移动浏览器显示一个覆盖整个页面的纯黑屏幕。

  2. 当前症状（未解决）
    ● 桌面端：完全正常，跟踪功能可用，无视觉问题。
    ● 移动端（已测试所有浏览器——Android Chrome、iOS）：页面加载，Discourse 的实际内容已确认存在于底层 DOM 中且结构正确，但一层纯黑色视觉上覆盖了整个视口。
    ● 通过 Chrome DevTools 移动模拟（Samsung Galaxy S20 Ultra 配置文件）确认 Discourse 的 Ember 应用正确启动——这不是 Discourse JS/引导失败。有什么东西覆盖在一个完全功能正常的页面上。

  3. 已尝试措施的完整时间线

    详见附件以获取完整详情。

    zoho-salesiq-mobile-issue-discourse-support.pdf (10.1 KB)

2

我没听说过这个——这是我们的插件吗？你能在这里给我发一下它的页面链接吗？如果不是我们的插件（我觉得不是），你就得向该插件的开发者报告这个问题。

我猜“忙碌”状态并没有按你期望的那样工作。你看过这个吗：https://help.zoho.com/portal/en/community/topic/how-to-disable-chat-window-in-salesiq ？这似乎描述了你想要做的事情。

这听起来可以通过自定义 CSS 轻松解决。我无法访问你的论坛，但你可以尝试检查页面，找到那个黑色遮罩层，然后将其设置为 display:none 试试？

3

嗨 @chapoi … 谢谢你的回复！顺便说一下，我不写代码，所以我结合了 Claude 和 DiscourseHelper 尝试了所有可能的修复方法，包括多种自定义 CSS 技巧。但都没用。（附注：我让 Claude 记录了我们尝试的所有内容，都在我原帖附上的 PDF 里了。

话虽如此，我并不知道你发给我的那个关于 SalesIQ 的变更。 那个可能正好能解决问题。（编辑：我发现那篇文章已经有 9 年历史了）顺便说一下，当我去获取新的脚本副本以嵌入时（以及刚才搜索仅追踪代码时），我没有看到那个选项……但我当时也没仔细看。我会再仔细研究一下，并回来反馈结果。 如果你有机会浏览一下我附上的文档，你就能知道我为了自己解决这个问题付出了多大努力。不过……坦白说……我甚至不知道什么是 DOM。:melting_face:

4

我试过了所有办法，但移动端似乎就是无法正常工作。我已经把脚本从 Common 槽位移到了桌面应用里。现在桌面端追踪正常了，但移动端追踪还是不行。

有趣的是，我看到有一个来自意大利的人正在访问我的管理区域，而我才是唯一拥有管理员权限的人。根据你的头像，我猜那是你在访问我的网络，对吗？

在我下面的截图中，2 = 我的管理员账户，3 = 我的测试账户，1 = 那个来自意大利的未知管理员正在访问我的网站。老大哥在看着你。:wink:

image
image1488×792 51.5 KB

image
image967×713 83.7 KB

5

那位来自意大利的人是 @dax……我现在可以在我的用户列表里看到他们了。请告诉我该如何协助解决这个问题。

6

是的，是我，我在查看你们发给我们的工单。

我刚回复了你们发给我们的邮件。

8

谢谢。我已经回复了。……顺便告诉一下你、@chapoi 以及所有看到这条消息的人：我不小心把手机横过来了，网站在横屏模式下显示正常，只有竖屏时才会出问题。希望这能帮上忙！

9

Zoho 加载了一条响应式 CSS 规则，在竖屏尺寸的视口中将通用的 .mobile-view 类设置为 display: none。Discourse 也在其根 <html> 元素上应用了 mobile-view 类，因此 Zoho 的规则无意中隐藏了整个文档。将设备旋转至横屏后，视口移出了适用的断点范围，网站再次变得可见。

Zoho 的 CSS 应通过以下方式仅限于该小部件：

.zsiq-container .mobile-view {
  display: none;
}

而不是当前使用的：

.mobile-view {
  display: none;
}

不过，我已在您正在使用的主题组件中覆盖了该规则：

html.mobile-view {
  display: block !important;
}

现在一切运行正常。

10

谢谢。你真是个大明星！一切都在正常运行。