批量下载网站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 在页面中引用使用即可

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

推荐 使用火狐插件SVG Gobbler

火狐商店下载软件=>点击运行即可

版权声明:
作者:互联网笔记
链接:http://www.nw52.com/soft/1485.html
来源:互联网笔记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭