其实前端随机我是想过一些这方面的事情的,起初是看到了 Chrome 浏览器中的一款叫 Momentum 的插件。

每次启动页面时背景图片都不是一样的,并且其图片质量都是非常高的,曾经想过用一些 “拙劣” 的方法去实现,最后都以不靠谱结束= =!

偶然间看到了一篇文章,得到了一个网址

1
https://source.unsplash.com/

在网址后以 URL 传参的方式添加图片分辨率和关键字,即可获取到随机的高质量图片。

1
2
3
body {
background: url("https://source.unsplash.com/1366x768/");
}

并且每一次刷新都可以获取新的图片

但并不建议在网站中大量使用这种方式获取的图片,因为其加载过程比较慢,另外并不是很清楚这些资源是否可以商用。

如果需要获取图片,则可以在浏览器地址栏中直接输入 url 获取图片,然后右键另存为保存到本地,图片的质量还是有蛮高的。