把浏览器首页变成会换的壁纸,两条路都给你
每天我们打开浏览器的次数,少说几十次,多则上百次。每次弹出来的新标签页,默认大多是白底加一个搜索框。看久了,真的有点浪费。
把它换成一张会自己换的壁纸,成本很低,回报却不小。每次开新标签都是新风景,顺手就完成了「每日一图」。这件事拆开看就三块:一个图源、一个把图铺到新标签页的出口、一个轮换的节奏。
最省事:用现成扩展
不想写任何代码的人,装一个扩展就顶上了。新标签页被替换成带壁纸的页面,图会按你设定的节奏自动换。
Tabliss:免费开源,轮换最灵活
Tabliss 是个完全免费、开源的扩展,Chrome / Firefox / Edge 都能用。它把默认新标签页换成极简界面,背景图从 Unsplash 这类图库自动拉取。
它的轮换节奏给得很全:可以选「每次新标签页都换一张」,也可以选 5 分钟、15 分钟、每小时、每天、每周换一次,看腻了某张还能直接暂停。
背景来源也不止一种:
- Unsplash 摄影图,主题能挑 Wallpapers、Nature、Architecture 等,也能填自定义搜索词,或者指定某个收藏集的 ID;
- Giphy 动图;
- 纯色、渐变;
- 自定义上传你自己的照片。
图上要叠文字或搜索框时,显示设置里有模糊和亮度两个滑块(模糊 0 到 50px,亮度 -1 到 1),调一下就能保证文字看得清。你上传的图存在浏览器本地,不会上传到服务器。
Momentum:每天一张,顺手带生产力
Momentum 的思路不太一样。它每天换一张 500px 的风景大图,配上时间、天气、待办和一句每日名言。免费版已经够用,需要上传自己的背景图、无限专注模式这些进阶功能才要开 Plus,约 3.33 美元一个月。它的用户量超过 300 万,算是这类扩展里最出圈的。
想要「每次都换一张」的
如果你不想要「每天一张」这么慢的节奏,想要每次开新标签都是新图,Flickr Tab、Unsplash Instant、500px Photo New Tab 都是这个路子:每开一个标签页就翻一张新图,图下方还带摄影师和版权信息。
想要完全掌控:自己做一个会换壁纸的新标签页
如果你用的是米贴这类可自定义起始页,或者干脆自己写一个新标签页页面,核心动作就一个:前端去拉一个随机图源,把它设成页面背景。
图源挑 picsum.photos
个人最推荐 picsum.photos。它不需要申请 key,直接返回图片,图也是来自 Unsplash 的免费图库。
https://picsum.photos/1920/1080
上面这行每次都返一张随机图。想固定某张就用 seed:
https://picsum.photos/seed/meetab/1920/1080
它还支持灰阶(加 ?grayscale)和模糊(加 ?blur=2),也有 JSON 列表接口 /v2/list 可以批量取图。对新标签页背景来说,1920 宽度足够铺满,速度也快。
一个真实的坑:别再用 source.unsplash.com
很多老教程会让你写 https://source.unsplash.com/random/1920x1080。这个地址在 2024 年中已经被 Unsplash 下线了,现在直接返回 HTTP 503。照搬进去,页面上只会看到一张裂图。
要随机图就换 picsum.photos,要高质量可控就接 Unsplash 正式 API(需要 key)。别再碰那个废弃地址了。
自己写的最小实现
如果你要自己搭,逻辑很简单:页面加载时拉一张图当背景,想更「活」就定时翻。
<style>
body{margin:0;background-size:cover;background-position:center;transition:background-image .6s}
</style>
<script>
async function setWallpaper(){
const img = new Image();
img.src = "https://picsum.photos/1920/1080?t=" + Date.now();
img.onload = () => document.body.style.backgroundImage = "url(" + img.src + ")";
}
setWallpaper();
// 每 15 分钟换一张,弱网可改更长
setInterval(setWallpaper, 15 * 60 * 1000);
</script>
这里用 new Image() 先预加载,加载完再替换,切换不闪。加 ?t= 是为了绕开浏览器缓存,保证每次拿到新图。
几个真实踩过的坑
轮换节奏别贪快。每次新标签页都换一张,听起来爽,但弱网或按流量计费的网络下会偷偷费流量。一般 15 分钟或每天一次最省心。
分辨率别拉太高。新标签页背景用 1920 就够,别每回都请求 4K 原图,加载慢还吃流量。
图上要放字就调模糊和亮度。搜索框、待办这些叠在图上时,背景太花会看不清,提前把模糊和亮度调好。
离线要单独处理。Tabliss 上传的图存在浏览器本地,但不跨设备同步;自己写的页面如果接外部图源,一断网背景就裂。要做离线墙纸库,得把图存在本地。
预加载下一张。不管用扩展还是自己写,翻页前先把下一张图加载好,切换才顺滑不闪。
收个尾
把浏览器首页变成会换的壁纸,要么装个扩展一步到位,要么自己写个小页面接随机图源。前者省事、后者自由。两个共同的要点:图源选稳的(picsum.photos 别碰废弃的 source.unsplash.com)、节奏别太快、图上要放字就调模糊。挑一条适合你的,今天就能让新标签页每天都换个样。