Multi Screen Manager/多屏分屏管理器

支持任意数量屏幕的分屏管理器 可以在一个标签选项卡打开2个百度展示2个实时k线行情 Support Multi page show same tab, ,coustm frame split!

作者
lozn
日安装量
0
总安装量
0
评分
0 0 0
版本
1.02
创建于
2025-08-28
更新于
2025-08-28
大小
17.4 KB
许可证
MIT
适用于
所有网站

🖥️ 多屏分屏管理器 - 使用说明书

📖 简介

多屏分屏管理器是一个强大的浏览器油猴脚本,允许您在一个浏览器标签页中同时显示多个网站。支持2-16个屏幕的灵活布局,具备完整的配置存档和自动恢复功能。


🚀 快速开始

1. 安装步骤

  1. 安装油猴扩展

    • Chrome: 访问 Chrome 网上应用店搜索 "Tampermonkey"
    • Firefox: 访问 Firefox 附加组件页面搜索 "Tampermonkey"
    • Edge: 访问 Edge 扩展商店搜索 "Tampermonkey"
  2. 安装脚本

    • 点击油猴图标 → 添加新脚本
    • 删除默认内容,粘贴脚本代码
    • Ctrl+S 保存脚本
  3. 验证安装

    • 访问任意网页,刷新页面
    • 在页面右侧应该看到 📺 图标

2. 首次使用

  1. 点击 页面右侧的 📺 图标
  2. 选择 初始屏幕数量(2-6个)
  3. 点击 "创建屏幕" 按钮
  4. 开始使用 多屏分屏功能!

🎛️ 功能详解

主控制图标

  • 📺 - 未启用状态,点击创建新的分屏布局
  • ⚙️ - 已启用状态,点击打开管理面板

屏幕布局规则

脚本会自动计算最优布局:

屏幕数量 布局方式 说明
2个屏幕 1×2 左右分屏
3-4个屏幕 2×2 四宫格布局
5-6个屏幕 2×3 2行3列
7-9个屏幕 3×3 九宫格布局
10+个屏幕 自动计算 最接近正方形的布局

🎨 管理面板功能

点击 ⚙️ 图标打开管理面板,包含以下功能:

屏幕管理

  • URL输入框 - 修改每个屏幕显示的网址
  • 更新按钮 - 应用新的URL到对应屏幕
  • 删除按钮 - 删除不需要的屏幕(至少保留1个)

布局控制

  • ➕ 添加屏幕 - 动态增加新的屏幕
  • 🔄 重置布局 - 重新排列所有屏幕

存档管理

  • 💾 保存配置 - 手动保存当前配置
  • 📂 恢复配置 - 恢复之前保存的配置
  • 🗑️ 清除存档 - 删除所有存档数据

系统控制

  • 关闭管理器 - 关闭管理面板
  • 退出分屏 - 退出分屏模式,回到普通浏览

💾 存档系统

自动存档

以下操作会自动保存配置:

  • ✅ 创建初始屏幕
  • ✅ 添加新屏幕
  • ✅ 删除屏幕
  • ✅ 更新屏幕URL
  • ✅ 启用/退出分屏模式

自动恢复

  • 🔄 页面加载时自动检测存档
  • 🔄 如果之前是分屏状态,自动恢复分屏
  • 🔄 恢复所有屏幕的URL配置
  • 🔄 恢复屏幕数量和布局

存档内容

存档包含:

  • 📋 所有屏幕的URL列表
  • 📋 屏幕数量和唯一ID
  • 📋 分屏启用状态
  • 📋 保存时间戳

🛠️ 使用技巧

推荐网址

适合分屏的网站:

  • ✅ 搜索引擎:百度、Google、必应
  • ✅ 新闻网站:网易、新浪、腾讯
  • ✅ 工具网站:翻译、计算器、天气
  • ✅ 文档网站:GitHub、API文档
  • ✅ 社交媒体:微博、Twitter

可能无法加载的网站:

  • ❌ 银行网站(安全限制)
  • ❌ 部分Google服务(iframe限制)
  • ❌ Facebook(安全策略)
  • ❌ YouTube视频页面(部分限制)

最佳实践

  1. URL格式

  2. 屏幕数量建议

    • 💻 笔记本电脑:2-4个屏幕
    • 🖥️ 台式机大屏:4-9个屏幕
    • 📱 平板设备:2个屏幕
  3. 性能优化

    • 🔋 过多屏幕可能影响浏览器性能
    • 🔋 建议根据设备性能调整屏幕数量
    • 🔋 关闭不需要的屏幕以节省资源

🔧 故障排除

常见问题

Q: 看不到控制图标?

A: 检查以下项目:

  1. 确认油猴扩展已启用
  2. 确认脚本状态为"启用"
  3. 刷新页面(Ctrl+F5)
  4. 检查浏览器控制台错误(F12)

Q: 某些网站无法加载?

A: 这是正常现象,原因:

  1. 网站设置了iframe安全限制
  2. CORS跨域策略阻止
  3. X-Frame-Options响应头限制

Q: 每个屏幕都显示图标?

A: 脚本已修复此问题:

  1. 更新到最新版本脚本
  2. 刷新页面
  3. 只有主页面显示控制图标

Q: 配置丢失了?

A: 存档功能说明:

  1. 配置保存在浏览器本地存储
  2. 清除浏览器数据会删除存档
  3. 可以手动保存/恢复配置

调试方法

  1. 打开控制台:按 F12 → Console
  2. 查看日志

    • "多屏管理器已加载" - 脚本正常运行
    • "在iframe中,跳过脚本初始化" - iframe正常过滤
    • "配置已保存/恢复" - 存档系统正常
  3. 手动测试

    // 在控制台输入检查元素是否存在
    document.getElementById('multi-screen-float')
    

📝 更新日志

v3.0 - 当前版本

  • ➕ 支持任意数量屏幕(2-16+)
  • ➕ 完整的存档和自动恢复功能
  • ➕ 智能网格布局算法
  • ➕ 防止iframe重复显示图标
  • 🔧 优化用户界面和交互体验

v2.0 - 历史版本

  • ➕ 双屏基础功能
  • ➕ 悬浮控制窗口
  • 🔧 修复跨域问题

v1.0 - 初始版本

  • ➕ 基础iframe分屏功能

🤝 技术支持

浏览器兼容性

浏览器 支持状态 说明
Chrome ✅ 完全支持 推荐使用
Firefox ✅ 完全支持 推荐使用
Edge ✅ 完全支持 推荐使用
Safari ⚠️ 未测试 理论支持

系统要求

  • 🖥️ 操作系统:Windows/macOS/Linux
  • 🌐 浏览器:Chrome 70+/Firefox 65+/Edge 79+
  • 🔌 扩展:Tampermonkey 4.0+
  • 💾 存储:约1KB本地存储空间

📄 许可证

本脚本免费开源,仅供个人学习和使用。

免责声明

  • 本脚本可能无法在所有网站正常工作
  • 使用本脚本产生的任何问题,作者不承担责任
  • 请遵守各网站的使用条款和服务协议

🎯 结语

多屏分屏管理器让您能够高效地同时浏览多个网站,提升工作和学习效率。无论是对比购物、查阅资料,还是监控多个信息源,这个工具都能为您提供便利。

希望这个脚本能够提升您的浏览体验!如有问题,请参考故障排除部分或查看浏览器控制台的调试信息。

祝您使用愉快! 🚀