Total Installs
6
Today's New
+1
User Rating
- / 5.0 (0)
Current Version
2026.02.15.01
IframeManager 使用说明
一个用于在页面右侧管理多个 iframe 浮窗的 JavaScript 库,支持玻璃拟态 UI、消息通信和自动化操作。
核心功能
| 功能 | 说明 |
|---|---|
| 侧边栏管理 | 右侧滑出式 iframe 容器,支持收起/展开 |
| 多窗口支持 | 同时打开多个 iframe,网格布局自动排列 |
| 玻璃拟态 UI | 毛玻璃效果、圆角、阴影、动画过渡 |
| 消息通信 | 父子页面双向 postMessage 通信 |
| 计数徽章 | 左上角实时显示当前打开窗口数量 |
| 自动操作 | iframe 加载完成后自动执行预设脚本 |
快速开始
基础用法:IframeManager
最简单的 iframe 管理器,手动控制打开和关闭。
const manager = new IframeManager('https://your-domain.com');
// 打开 iframe
await manager.Open('https://example.com/page1');
await manager.Open('https://example.com/page2');
// 关闭指定 iframe
manager.Close('https://example.com/page1');