受够了 Chrome 千篇一律的纯白新标签页?想每次打开浏览器都能看到不一样的高清美图?
给大家分享一个我手搓的极简 Chrome 扩展程序!

插件简介
[4K Anime New Tab]一款轻量级的
Chrome 浏览器扩展程序,旨在为用户提供极简、优雅的新标签页体验。该扩展移除了传统新标签页中冗余的组件,以高质量的 4K 动漫壁纸为视觉核心,辅以实用的时间显示与搜索功能,兼顾美观与浏览效率。– 高清随机壁纸:每次打开新标签页,系统将通过 API 自动获取并展示一张高分辨率(4K)动漫背景图。
– 极简时间显示:屏幕中央提供大字体、高清晰度的数字时钟与日期显示,采用极简的纯文本排版与阴影处理,确保在各种背景下的可读性。
– 集成搜索功能:页面底部内置了带有毛玻璃(
Frosted Glass)特效的原生 Google 搜索栏,支持焦点自动锁定,实现一键快速检索。– 优化的加载体验:采用图片后台预加载机制与
CSS 渐变过渡动画,有效避免了图片加载过程中的白屏与闪烁现象,视觉体验更加平滑。– 轻量与高性能:完全基于原生
HTML5、CSS3 与 Vanilla JavaScript 开发,零第三方库依赖,极大地降低了对浏览器内存与性能的占用。安装指南
请通过
Chrome 的“开发者模式”进行本地安装:1. 下载本项目的源代码文件并解压缩到本地目录。
2. 打开
Chrome 浏览器,在地址栏输入 chrome://extensions/ 并访问。3. 在页面右上角开启 “开发者模式” (
Developer mode)。4. 点击左上角的 “加载已解压的扩展程序” (
Load unpacked) 按钮。5. 选择本项目的源码文件夹,即可完成安装。
PS:提示:如果在安装后,页面底部出现
Chrome 官方的“自定义 Chrome”提示栏,可通过右键点击该提示栏并选择“在新标签页上隐藏页脚 (Hide footer on New Tab page)”将其永久关闭,以获得完美的沉浸式全屏体验。技术栈
– 前端结构:
HTML5– 视觉样式:
CSS3 (Flexbox, Backdrop-filter, CSS Transitions)– 交互逻辑:
Vanilla JavaScript (ES6+, Fetch API)鸣谢
– 壁纸接口提供:特别鸣谢 [逆行者 API](https://api.nxzlm.com/) 为本项目提供高质量的 4K 动漫壁纸图源支持。





没有回复内容