Skip to main content
Mellowtel 支持弹窗是一个不干扰用户的弹窗,鼓励用户通过 Mellowtel 扩展来支持你的扩展或网站。

前提条件

在使用弹窗之前,请确保你的项目中已设置 Mellowtel Elements:

扩展集成

浏览器扩展的设置

网站集成

使用 NPM 或 CDN 的网站设置

主要功能

  • 跨平台 - 适用于网站和扩展内容脚本
  • 智能延迟 - 用户可以选择延迟 1 周、2 周或永久禁用
  • Chrome 存储 - 优先使用 Chrome 存储 API,若不可用则回退到 localStorage
  • Shadow DOM - 样式隔离防止与主页面样式冲突
  • 移动响应 - 针对所有屏幕尺寸进行优化
  • 扩展详情 - 自动获取并显示扩展名称和图标

创建弹窗

一旦你初始化了 Mellowtel Elements(参见上面的集成指南),你就可以创建并显示支持弹窗:

基本用法

使用示例

在内容脚本中

在网站上

条件显示

API 参考

createModal(inviteId, title?, body?)

创建并显示支持弹窗。 参数:
  • inviteId (string, required): 用于跟踪弹窗交互的唯一标识符
  • title (string, optional): 自定义弹窗标题(默认为 “Support with Mellowtel”)
  • body (string, optional): 自定义弹窗正文文本
返回: Promise<void>

弹窗行为

延迟选项

用户可以选择以下三种延迟选项:
  • 1 周: 弹窗将在 7 天内不再出现
  • 2 周: 弹窗将在 14 天内不再出现
  • 禁用: 弹窗将永不再出现