悬浮快捷面板

一款功能强大的浏览器用户脚本，提供可自定义的悬浮快捷面板，助你快速访问常用网站和工具。

✨ 功能特性

• 📁 链接分组管理 - 支持创建多个分组，分类管理常用链接
• ⌨️ 快捷键支持 - 为每个链接设置独立快捷键，一键快速访问
• 🖱️ 后台打开 - 支持后台静默打开链接，不打断当前工作流
• 🔍 实时搜索过滤 - 快速查找目标链接，支持名称和URL搜索
• 🎨 高度可定制外观 - 自定义按钮样式、面板颜色、圆角、阴影等
• 🌈 智能主题提取 - 自动从当前网页提取主题色，实现视觉统一
• 🧲 边缘吸附 - 拖拽时自动吸附到屏幕边缘，整理更轻松
• 🚫 页面黑名单 - 在指定网站自动隐藏面板，避免干扰
• 💾 配置导入导出 - 轻松备份和恢复配置，跨设备同步
• 🖼️ Favicon显示 - 自动获取网站图标，视觉识别更直观
• 📌 悬停展开 - 鼠标悬停即可展开面板，操作更高效

📦 安装方法

前置要求

• 安装有油猴、scriptcat等脚本管理器

安装步骤

1. 点击链接安装脚本

2. 安装完成后刷新页面即可看到悬浮按钮

🚀 使用方法

基础操作

• 展开/收起面板：点击悬浮按钮或悬停（开启后）
• 拖拽移动：按住悬浮按钮或面板头部拖动
• 打开链接：
  • 左键点击：按设定方式打开
  • 后台模式：再次点击可关闭后台标签
• 搜索链接：使用面板顶部的搜索框
• 折叠分组：点击分组标题切换展开/折叠

设置面板

点击面板右上角的 ⚙ 图标进入设置界面，包含以下标签页：

🔗 链接管理

• 新建/重命名/删除分组
• 添加/编辑/删除链接
• 设置链接打开方式（新标签页/当前页/后台）
• 配置快捷键

⚙️ 通用设置

• 悬停自动展开及延迟时间
• 显示/隐藏搜索框和网站图标
• 调整面板尺寸（宽度/最大高度）
• 隐藏悬浮按钮
• 重置按钮位置

🎨 外观设置

• 主题模式：自定义颜色或跟随网页
• 按钮样式：文字、大小、形状、颜色
• 面板样式：背景色、文字色、圆角
• 边缘吸附开关及阈值

🚫 黑名单

• 添加/移除黑名单规则
• 支持通配符 *
• 一键添加当前页面

💾 数据管理

• 导出配置为JSON文件
• 从JSON文件导入配置
• 恢复默认设置

⌨️ 快捷键配置

在链接编辑界面点击"录制"按钮，按下组合键即可设置。支持：

• Ctrl / Alt / Shift / Meta (Win/Cmd)
• 组合示例：Ctrl+Shift+G、Alt+D

⚠️ 注意：快捷键仅在非输入状态下生效

⚙️ 配置说明

默认配置

{
  position: { x: 20, y: 100 },     // 初始位置
  hoverExpand: false,               // 悬停展开
  hoverDelay: 300,                  // 悬停延迟(ms)
  panelWidth: 320,                  // 面板宽度
  panelMaxHeight: 500,              // 面板最大高度
  showFavicon: true,                // 显示网站图标
  showSearch: true,                 // 显示搜索框
  themeMode: 'custom',              // 主题模式
  hideButton: false,                // 隐藏按钮
  autoSnap: true,                   // 边缘吸附
  snapThreshold: 50                 // 吸附阈值
}

存储位置

配置自动保存在脚本管理器的存储中，键名：

• floating_panel_config_v1 - 主配置
• floating_panel_bg_tabs_v1 - 后台标签状态

🔧 高级技巧

批量导入链接

1. 导出配置文件
2. 手动编辑JSON中的 groups 数组
3. 重新导入配置

使用CSS变量定制

在外观设置中，脚本会自动检测以下CSS变量：

• --primary, --primary-color
• --accent, --accent-color
• --brand, --brand-color
• --theme-color, --main-color

后台打开机制

后台打开的链接会记录状态，面板中会显示复选框标记。再次点击同一链接可关闭该后台标签。

❓ 常见问题

Q: 面板不见了怎么办？ A: 可能原因：

1. 当前页面在黑名单中 - 通过脚本管理器菜单打开设置
2. 开启了"隐藏悬浮按钮" - 同上打开设置
3. 按钮被拖出可视区域 - 在设置中点击"重置悬浮按钮位置"

Q: 图标加载失败？ A: 脚本使用 api.iowen.cn 获取Favicon，如无法访问可关闭"显示网站图标"选项。

Q: 快捷键冲突？ A: 确保设置的快捷键不与浏览器或其他扩展冲突，建议使用 Ctrl+Shift+字母 组合。

🤝 贡献

欢迎提交Issue和Pull Request！

• Bug反馈：请提供浏览器版本、脚本管理器版本和复现步骤
• 功能建议：详细描述使用场景和预期效果
• 代码贡献：Fork后提交PR

📄 许可

MIT License - 详见 LICENSE 文件

纯AI制作，修改等需求请也找AI解决