在 chrome 中下载 datauri 背景图像的快速方法是什么？答案

【问题标题】：what is fast way to download datauri background images in chrome?在 chrome 中下载 datauri 背景图像的快速方法是什么？
【发布时间】：2017-12-16 00:07:28
【问题描述】：

很多时候图像在网站上内联，img 标签的 src 属性具有数据 url 字符串而不是链接，或者 css 背景属性值是 url(..) 包含数据 url 而不是 url。

我如何下载该图片，尤其是背景图片时。

现在我手动复制数据 url 并通过谷歌找到转换器。

【问题讨论】：

您想以编程方式进行吗？还是您只是想要一种更好的手动方式？
不确定您是否是这个意思，但您可以在 Devtools（例如 Chrome）中打开 Network-Tab，重新加载页面并在下载项目列表中搜索图像。您还可以过滤图像。
@maxpaj 如果有简单的代码，那么是的......
如果图片是内联的，那么它不会显示在下载的项目中
如何使用 devtools 以可编程的方式将图像复制为数据 URI

标签： javascript html google-chrome google-chrome-devtools

【解决方案1】：

Chrome：在inspector中找到它，选择该元素，找到右侧带有数据url的背景样式，右键单击，选择“在新标签页中打开”，新标签页应与该图像一起出现，点击 ctrl+s。

Firefox：右键+查看背景图片+ctrl+s

附言Firefox 的方式要快约 37 倍。

【讨论】：

我觉得太长了，无法粘贴
@MuhammadUmer 看起来粘贴仅适用于小图像，我编辑了答案。