Everything Tab（万物新标签页）是一款现代化的浏览器新标签页应用，提供了优雅的设计和丰富的功能，让您的新标签页变得更加实用和美观。
- 🎨 现代UI设计：采用毛玻璃效果和流畅动画，打造美观的用户界面
- 📱 应用图标管理：添加、编辑、删除应用图标，自定义您的快捷方式
- 🧩 小组件支持：天气、便签、待办事项、快捷方式等多种小组件
- 🎯 快速搜索：集成多种搜索引擎，支持快速切换
- ⏰ 实时时钟：显示当前时间和日期
- 🎭 自定义主题：支持自定义背景颜色和背景图片
- 📱 响应式设计：适配不同屏幕尺寸
- � 拖拽排序：轻松调整应用图标和小组件的位置
- �️ 自定义右键菜单：便捷的操作体验
- � 本地存储：自动保存您的配置
- 克隆仓库：
git clone https://github.com/ELFTS/Everything-Tab.git - 直接在浏览器中打开
newtab.html文件 - 或者将其部署到本地服务器：
# 使用 Python python -m http.server 8000 # 使用 Node.js npx http-server -p 8000
- 访问
http://localhost:8000/newtab.html
将Everything Tab设置为您的浏览器默认新标签页：
- Chrome/Edge：设置 > 外观 > 自定义新标签页
- Firefox：设置 > 主页 > 新标签页
- Safari：偏好设置 > 通用 > 新标签页打开方式
| 技术/库 | 版本 | 用途 |
|---|---|---|
| HTML5 | - | 页面结构 |
| CSS3 | - | 样式设计 |
| JavaScript (ES6+) | - | 交互逻辑 |
| Remix Icon | 3.5.0 | 图标库 |
| Grid/Flexbox | - | 响应式布局 |
| LocalStorage | - | 本地数据存储 |
- 任意现代浏览器
- 文本编辑器（VS Code、Sublime Text等）
- 本地服务器（可选）
- 克隆仓库
- 使用文本编辑器打开项目
- 修改代码
- 在浏览器中刷新查看效果
Everything-Tab/
├── css/ # 样式文件
│ ├── app-icons.css # 应用图标样式
│ ├── base.css # 基础样式
│ ├── clock.css # 时钟样式
│ ├── layout.css # 布局样式
│ ├── search.css # 搜索框样式
│ ├── settings.css # 设置面板样式
│ └── widgets.css # 小组件样式
├── js/ # JavaScript文件
│ ├── app-icons.js # 应用图标功能
│ ├── clock.js # 时钟功能
│ ├── drag-and-drop.js # 拖拽功能
│ ├── main.js # 主入口文件
│ ├── navigation.js # 导航功能
│ ├── notes.js # 便签功能
│ ├── search.js # 搜索功能
│ ├── settings.js # 设置功能
│ ├── todo.js # 待办事项功能
│ ├── weather.js # 天气功能
│ └── widgets.js # 小组件管理
├── newtab.html # 主页面
├── manifest.json # Web App清单
└── README.md # 项目说明
- 支持添加、编辑、删除应用图标
- 拖拽排序功能
- 分类导航
- 天气小组件：显示实时天气信息
- 便签小组件：快速记录笔记
- 待办事项：管理您的任务
- 快捷方式：快速访问常用网站
- 支持多种搜索引擎切换
- 实时搜索建议
- 自定义背景颜色
- 背景图片上传
- 背景模糊度调节
- 时间格式设置
我们欢迎社区贡献！如果您想为项目做出贡献，请：
- Fork 仓库
- 创建功能分支：
git checkout -b feature/your-feature - 提交更改：
git commit -am 'Add some feature' - 推送到分支：
git push origin feature/your-feature - 创建 Pull Request
本项目采用 GNU General Public License v3 许可协议
如果您喜欢这个项目，请给它一个Star ⭐ 支持开发者！