一键打开！一款以键盘布局展示书签的浏览器插件！

大家好，我是 Java陈序员。

浏览器原生的新标签页，只能用简陋二字形容：界面单调空白，没有任何实用功能，只能单纯用来搜索网址。

日常收藏的书签杂乱堆砌，想要找一个常用网站，只能反复翻找文件夹，繁琐又低效，适配不了日常办公的需求。

今天，给大家介绍一款浏览器新标签页扩展插件，以键盘布局可视化展示书签，通过快捷键即可打开网站！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

newtab-naivetab —— 一款用键盘可视化展示书签的浏览器新标签页扩展插件，支持自由拖拽布局、深度自定义外观、专注模式、云同步等功能。

功能特色：

• 可视化键盘：在虚拟键盘上绑定书签，按实体键盘按键或者点击按键，直接打开网页，支持自定义按键映射、键盘布局，还可以绑定浏览器指令，实现各类浏览器操作
• 丰富的小组件：提供数字时钟、模拟时钟、今年进度、倒计时、备忘录、天气、资讯等实用小组件，支持拖拽调整位置
• 超高自由度美化定制：组件可以自由拖拽，字体、颜色、背景、边框、阴影都能调整设置，壁纸支持 Bing 每日一图和本地图片，支持跟随系统自动切换深色/浅色主题，同时可一键开启专注模式，隐藏多余组件
• 数据同步与备份：自带浏览器数据同步功能（需登录账号），同时支持导出备份

技术栈：Vue3 + TypeScript + Vite

快速上手

newtab-naivetab 同时支持 Chrome、Edge、Firefox 三款浏览器，可直接在商店里搜 NaiveTab 安装，或者通过如下链接进行安装。

• Chrome

https://chrome.google.com/webstore/detail/naivetab-%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/hhfebdcoeoddbdhgcgflblcjcgogijem

• Edge

https://microsoftedge.microsoft.com/addons/detail/naivetab-%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/kejadmppkffccjopodhekdnmkofidmjl

• Firefox

https://addons.mozilla.org/en-US/firefox/addon/naivetab-%E5%8F%AF%E8%A7%86%E5%8C%96%E9%94%AE%E7%9B%98%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/

功能体验

• 主页

• 专注模式

• 编辑布局

• 键盘主题

• 指令键盘

• 书签键盘

• 通用设置

本地开发

项目依赖 Node.js 环境，需提前安装。

1、克隆或下载项目源码

git clone https://github.com/GXFG/newtab-naivetab.git

2、进入项目目录并安装依赖

cd newtab-naivetab

pnpm install

3、本地开发预览（开发模式）

pnpm dev

4、打包构建

pnpm build

打包完成后，项目根目录会生成 dist 文件夹。在浏览器中打开扩展管理界面，进入开发者模式，点击加载已解压的扩展程序，选中 dist 文件夹即可加载插件。

总的来说，newtab-naivetab 这款浏览器新标签页插件，以键盘操作为核心，把繁琐的书签查找变成肌肉记忆，同时支持高度自定义布局和提供实用小组件。没有繁杂冗余的无用功能，纯净无广告、开源透明，兼顾颜值与实用性。快去安装体验吧~

项目地址：https://github.com/GXFG/newtab-naivetab

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---