调用getDisplayMedia()屏幕共享时如何禁用默认停止共享提示框

首先明确核心结论：

• 普通公网网页环境下无法禁用、隐藏该默认提示框。

这个提示框不是网页层面渲染的UI元素，是浏览器内核结合操作系统安全规则强制展示的隐私保护控件：getDisplayMedia()调用的屏幕采集能力属于高敏感权限，为了防止恶意站点在用户不知情的情况下长期采集屏幕内容泄露隐私，所有主流浏览器（Chrome、Firefox、Edge、Safari）都在权限逻辑里硬编码了这个提示的展示规则，网页运行的JS上下文没有任何权限可以干预这部分系统/浏览器级UI的展示。

不可行的方案提醒 #

不要尝试以下操作，不仅达不到效果还可能触发功能异常：

• 试图通过CSS层级遮挡该提示：浏览器会检测共享状态下的页面遮挡行为，识别到恶意遮挡时会直接终止屏幕共享流，部分场景下还会给用户抛出安全风险提示。
• 试图通过JS模拟事件关闭提示：该提示不属于网页DOM树的节点，前端代码根本无法访问到对应元素，不存在操作入口。

特定场景下的可行方案 #

只有你能完全控制运行环境的非公开网页场景，才可以实现隐藏效果：

• 如果是Electron、NW.js这类桌面Web壳应用，可以通过壳层提供的原生采集API（比如Electron的desktopCapturer模块）配合系统权限配置，绕过浏览器默认的提示展示逻辑，自定义共享状态提示。
• 如果是企业内部批量部署的终端，可以通过浏览器的企业策略配置，对授信域名关闭屏幕共享提示的强制展示规则，这个配置仅对加入企业管理的终端生效，普通公网用户无法生效。

常规场景的适配建议 #

你可以在自己的页面内自定义共享状态提示和停止按钮，点击时执行下面的代码主动终止共享流，给用户更符合产品设计的交互体验，但是系统原生的提示条无法被移除：

// 主动停止屏幕共享流的示例代码
function stopScreenShare(stream) {
  stream.getTracks().forEach(track => {
    if (track.kind === 'video' && track.label.includes('screen')) {
      track.stop()
    }
  })
}

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