历史版本4 :获取模板的背景图片 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

有时候看到一些大屏或模板有好看的背景图片,想下载下来复用到自己的模板上,该怎么下呢?

其实很简单,利用浏览器的开发者工具功能就可以轻松下载这些图片。具体怎么操作下面将详细介绍。

2. 操作步骤编辑

2.1 打开模板

以官方 Demo 中的模板和 Chrome 浏览器为例,现在想要下载这个模板的动态流星雨背景图片,如下图所示:

1627009907500996.gif

2.2 下载图片

1)按 F12 键打开 Chrome 的控制台,如下图所示:

1627010126602744.png

2)切换到 Application 选项,如下图所示:

1627010343576257.png

3)左侧 Frames 栏下有多个下拉展开项,在这些展开项里面找 images 文件夹,都打开看看,直到定位到这张背景图片:

1627010579131913.png

4)右键这张图片,点击 Open image in new tab,在新 tab 页中打开这张图片。

1627010767738033.png

5)右键图片,点击图片另存为,保存到本地即可。

1627010924574483.png

6)保存到本地的图片如下图所示:

  bg.gif