浏览器拓展-玻璃质感下载管理器
玻璃质感下载管理器
一款 iOS 风格的浏览器下载管理器,拥有玻璃磨砂质感界面,支持分类、批量操作、速度显示等多种实用功能。
主要特色
- iOS风格玻璃磨砂UI:采用现代 CSS 实现半透明磨砂玻璃质感,界面简洁美观,动画流畅。
- 下载速度实时显示:每个下载项可实时显示当前下载速度。
- 文件类型自动分类:支持文档、图片、视频、音频、压缩包等多种类型一键筛选。
- 批量操作:支持多选下载项,批量暂停、取消、删除。
- 文件夹定位:可一键打开下载文件所在文件夹。
- 通知提醒:下载完成、失败等事件自动通知。
- 响应式设计:适配不同分辨率,体验一致。
安装方法
- 打开 Chrome/Edge 浏览器,访问
chrome://extensions/
或edge://extensions/
。 - 开启右上角"开发者模式"。
- 点击"加载已解压的扩展程序",选择本项目文件夹。
- 安装后工具栏会出现下载管理器图标。
使用说明
- 点击工具栏图标打开下载管理器。
- 可查看所有下载任务,支持搜索、分类筛选。
- 下载中会显示实时速度,已完成项字体为墨绿色。
- 勾选左侧复选框可批量操作(暂停、取消、删除)。
- 点击文件夹按钮可直接打开文件所在目录。
- 右上角"关于"按钮可查看扩展和作者信息。
玻璃磨砂质感说明
- 主界面、弹窗、下拉菜单、批量操作面板等均采用 CSS
backdrop-filter: blur()
和半透明背景,模拟 iOS 风格的玻璃磨砂效果。 - 颜色搭配以淡蓝、白色和墨绿色为主,已完成下载项高亮为墨绿色。
文件结构
├── manifest.json # 扩展配置文件
├── popup.html # 弹出窗口HTML
├── css/
│ └── styles.css # 样式文件
├── js/
│ └── popup.js # 弹出窗口脚本
├── background.js # 后台脚本
└── icons/ # 扩展图标├── icon16.png├── icon48.png└── icon128.png
作者信息
- 作者:木木
- 邮箱/主页:暂无(如需联系可在发布页留言)
- 版权协议:MIT License
如有建议或问题,欢迎反馈!