前提条件
在使用弹窗之前,请确保你的项目中已设置 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 天内不再出现
- 禁用: 弹窗将永不再出现