macOS-like Custom Start Page Full Version

A full version macOS-like start page with weather, to-do persistence, voice search, and responsive design

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
zengjinjin-WQ
今日安裝
1
安裝總數
10
評價
0 0 0
版本
2.1
建立日期
2024-10-11
更新日期
2024-10-11
尺寸
12.9 KB
授權條款
MIT
腳本執行於

主要功能

1. 时间显示
• 实时显示当前时间,并每秒更新。
2. 日期显示
• 显示当前日期(格式为日/月/年)。
3. 搜索功能
• 集成搜索框,支持多种搜索引擎(Google、Bing、DuckDuckGo)。
• 支持按回车键进行搜索。
• 支持语音搜索功能,使用浏览器的语音识别API。
4. 待办事项列表
• 支持添加、删除待办事项。
• 待办事项可通过点击删除。
• 清空待办事项的按钮。
• 自动保存待办事项到浏览器的 localStorage,实现持久化存储。
5. 天气信息
• 使用 OpenWeatherMap API 获取实时天气信息,显示用户当前位置的天气。
• 用户需启用位置权限。
6. 快捷链接
• 提供快速链接到常用网站的图标(如 Google、GitHub、Reddit)。
7. 主题切换
• 支持白天模式和夜间模式切换,用户可通过按钮实现。
• 切换状态会保存到 localStorage,确保下次访问时保持上次选择的主题。
8. 美观的 UI
• 使用现代化、简约的设计风格。
• 界面采用 macOS 风格,背景透明度、阴影效果和圆角设计提升视觉效果。
• 所有元素均具备良好的响应式设计,确保在手机、平板和桌面设备上均可良好显示。

技术细节

• HTML/CSS:自定义布局,使用 Flexbox 实现响应式设计。
• JavaScript:利用浏览器 API 实现时间更新、地理定位、localStorage 操作等功能。
• Web Speech API:用于语音识别,实现语音搜索功能。
• OpenWeatherMap API:用于获取天气信息。