02 / PROJECT

LStarry New Tab

个性化 Microsoft Edge 新标签页

面向日常使用的自定义浏览器主页,整合搜索、快捷网站和个性化设置。

2026 · ACTIVE
LStarry New Tab 浏览器主页界面
WHY

为什么做

让每天使用的新标签页成为更符合个人习惯的搜索与常用网站入口。

FEATURES

项目功能

  1. 01

    搜索与联想

    支持 Google、Bing 搜索,合并在线建议与本地最近搜索。

  2. 02

    Command Palette

    在搜索面板中输入命令,打开快捷网站或切换常用设置。

  3. 03

    快捷网站 Dock

    支持添加、编辑、删除和拖拽排序;图标按站点匹配并提供回退显示。

  4. 04

    时间与快捷键

    显示秒级时间,并提供搜索聚焦、快捷网站快速打开等键盘操作。

  5. 05

    壁纸与本地配置

    可选择或导入壁纸;设置保存在 localStorage,图片 Blob 保存在 IndexedDB。

  6. 06

    沉浸与空闲模式

    按使用状态收起视觉元素,动效也会响应减少动态效果的系统设置。

  7. 07

    配置导入导出

    将设置导出为 JSON,并在导入时检查与归一化配置。

TECH STACK

核心技术

  • Manifest V3
  • HTML
  • CSS
  • JavaScript
  • localStorage
  • IndexedDB
CHALLENGE

需要解决的问题

在页面简洁、打开迅速的前提下兼顾搜索建议、快捷网站管理、图标和个性化配置。

SOLUTION

采用的方案

以搜索和快捷入口为中心,用浏览器本地存储保存设置、快捷网站和壁纸。

IMPLEMENTATION

设计与实现

扩展使用原生 HTML、CSS 和 JavaScript。搜索、时间与快捷入口保留在页面的中心位置;配置和最近搜索保存在本机,自定义壁纸图片单独存入 IndexedDB。在线联想不可用时仍可使用本地历史和普通搜索。

LINKS

项目链接