LocalTab:一个本地化、简洁且可定制的浏览器新标签页

前言

浏览器的新标签页每天打开次数最多的页面之一,但默认页面通常只提供搜索框和少量快捷入口。随着常用网站越来越多,书签栏开始变得拥挤,想找到某个开发工具、文档或工作平台,往往还要在不同目录之间来回翻找。

我希望新标签页不只是一个跳转页面,而是一个足够轻量、打开即可使用的个人工作区:常用网址能够分类整理,高频入口可以随手固定,页面外观也能按照自己的习惯调整。基于这个想法,我开发了 LocalTab

来看看效果

正文

把常用网站整理成工作区

LocalTab 支持创建多个网址分类,例如"日常""开发""设计"和"学习"。每个分类都可以添加快捷链接,也可以用文件夹继续整理相关网站。相比把所有入口铺在同一个页面中,分类和文件夹能够让不同用途的内容保持清晰。

整理过程主要通过拖拽完成。

  1. 分类、网址和文件夹都可以调整顺序;
  2. 网址或文件夹可以跨分类移动;
  3. 把一个网址拖到另一个网址中央,还能直接将它们合并为文件夹。
  4. 删除操作同样可以通过拖拽发起。

用 Dock 保留最高频的入口

有些网站不属于某一个固定分类,却每天都会打开。LocalTab 在页面底部提供了 Dock,可以把网址卡片拖入其中固定。固定后的网址支持点击打开、拖拽排序,也可以拖到垃圾桶或使用键盘取消固定。

Dock 还提供添加网址和新建文件夹的入口。这样在浏览新标签页时,不需要先进入额外的管理页面,就能完成大部分常用操作。

搜索、壁纸与语言设置

页面顶部的输入框同时支持搜索和网址直达。输入完整网址时可以直接访问;输入普通关键词时,则会交给当前选择的搜索引擎处理。

扩展可以调用浏览器默认搜索引擎,也允许添加自定义搜索地址。自定义地址使用 %s 作为关键词占位符,例如:

ini 复制代码
https://www.google.com/search?q=%s

除搜索外,LocalTab 还支持上传本地图片作为背景,并提供简体中文、英文和跟随浏览器语言三种显示方式。这些设置都集中在侧边设置面板中,不会干扰新标签页的主要内容。

数据只保存在本地

本地化LocalTab 的重要原则。分类、快捷链接、文件夹、搜索设置、Dock 数据和自定义背景都保存在用户设备本地,不需要注册账号,也不会上传到开发者服务器。

为了方便迁移和备份,LocalTab 可以把当前数据导出为 JSON 文件,也可以从备份文件恢复。背景图片会一并写入备份,因此更换设备或重新安装扩展后,也能还原原来的使用习惯。需要注意的是,导入会覆盖当前数据,操作前建议先导出一份备份。

下载安装

LocalTab 目前支持 ChromeChrome 用户可以直接前往 Chrome 应用商店安装 LocalTab,安装完成后打开一个新标签页即可开始使用。

LocalTab 同时也是一个开源项目,源码和更多说明可以在 GitHub 查看。

结尾

感兴趣的可以去试试

相关推荐
掘金酱15 小时前
「TRAE Work 实战帮」征文启动!你沉淀的经验,值得被看见!
前端·人工智能·后端
橙子家15 小时前
Windows 上同时安装多个 node 版本
前端
晓说前端15 小时前
TypeScript 高级特性 —— 类型断言与泛型
前端·typescript
爱勇宝16 小时前
DeepSeek V4-Flash 更新:代码与 Agent 能力全面增强
前端·后端·deepseek
GuWenyue16 小时前
90%前端写React+TS都踩坑!从组件类型、单向数据流到本地存储完整实战
前端·react.js
妙码生花16 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(四十五):前端远程下拉输入组件
前端·javascript·vue.js
明月_清风16 小时前
全栈工程师必会技术栈:从入门到架构的完整成长地图 🗺️
前端·后端·全栈
windliang16 小时前
Claude Code 源码分析(三):一次模型回答如何流进 Agent
前端·算法·ai编程
文心快码BaiduComate17 小时前
从空白页面到可运行网站,新手前端工具怎么选?
前端