做一个 Chrome 新标签页插件,完整 Prompt 模板直接用

2026-07#AI编程#Prompt模板#Chrome插件

每次打开 Chrome 新标签页,看到的都是默认的 Google 搜索页。如果你能把这个页面换成自己的专属面板——带时钟、搜索框、快捷链接、待办事项和天气信息——是不是实用很多?这篇文章从第一性原理拆解 Chrome 新标签页插件的原理,附完整 Prompt 模板,复制改词就能用。

Chrome 新标签页插件,到底在替换什么

先从第一性原理想这件事。Chrome 浏览器每次打开新标签页时,会加载一个默认页面。这个页面通常是 Google 搜索首页,或者一个空白页。

Chrome 插件做的事,就是告诉浏览器:「打开新标签页时,别用默认的了,用我这个页面」。

就这么简单。Chrome 新标签页插件本质上不是一个「插件」,而是一个「替代页面」。你写一个 HTML 文件,通过一个配置文件告诉 Chrome 用它替代默认新标签页,这就完成了。

Chrome 新标签页插件结构拆解

图里展示了这个替代页面上可以放什么。顶部是搜索框,往下是时钟和日期,中间是快捷链接区(把常用网站做成卡片),底部左侧是待办事项区,右侧是天气信息区。每个区域解决一个具体需求——搜索解决「查东西」,时钟解决「看时间」,链接解决「快速跳转」,待办解决「记事情」,天气解决「出门穿什么」。

三个文件,各管各的事

Chrome 插件的最小结构只需要三个文件。不需要后端,不需要数据库,不需要任何编译工具。

Chrome 插件三大文件架构

此内容受限

此部分内容暂不可见

评论