IframeManager

Erstellt am vor 4 Monaten
Aktualisiert am vor 11 Tagen
修复预览bug
#iframe管理
#毛玻璃
#UI优化
Gesamtinstallationen
160
Heute neu
+3
Benutzerbewertung
- / 5.0 (0)
Aktuelle Version
2026.06.10.01
// @require https://scriptcat.org/lib/5415/2026.06.10.01/IframeManager.js?sha384-ugGvg/lqdGGbm9DDcbYtxMoZqHU2cck8s/cVCxplzRwdkkJgvz4gRgCWbRh3Bj8g
Bibliotheksdetails
Dies ist eine Bibliothek, die von Benutzerskripten verwendet wird. Sie können sie direkt in Ihren Skripten referenzieren.
用于管理页面右侧多个 iframe 浮窗的工具库

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');