批量下载网站svg图片

文章目录[隐藏]

因项目需要，需要获取其他网站svg图片，下文主要介绍如何迅速提取网页svg图片。

使用火狐浏览器获取

原文地址：https://blog.csdn.net/qq_40959677/article/details/93984342

拿花瓣网的这个 svg 图标来获取进行演示

第一步，在火狐浏览器中鼠标右击 => 查看页面信息

在媒体选项中找到我们要获取的 svg 图标项，注意的是 svg 很多都是白色的，所以我们单击发现下面的显示框什么都没有，其实是有的，只不过是白色的我们看不到而已

然后右下角另存为即可

缺点：看起来很多网页还是不能够正确提取。

F12 检查点选中我们要获取的 svg 图标，进入 Computed 中右击 background-image 的 url，然后 Copy link address 获取到地址到新地址栏粘贴进入

然后 F12 打开直接右击 svg =》 Copy =》Copy element 就获取到我们需要的内容了

新建一个文本文件将我们复制的元素内容放进去，将文件改名且为.svg 后缀，最上面加入 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 这句代码，这就获得到了一个.svg 的文件了，直接当做 img 在页面中引用使用即可

缺点：太复杂而且错误率比较高