Javascript 在chrome中下载datauri背景图像的快速方法是什么?

Javascript 在chrome中下载datauri背景图像的快速方法是什么?,javascript,html,google-chrome,google-chrome-devtools,Javascript,Html,Google Chrome,Google Chrome Devtools,很多时候,图像在网站上内联,要么img标签的src属性有数据url字符串而不是link,要么css背景属性值是url(..),它包含数据url而不是url 如何下载图片,尤其是背景图片 现在,我手动复制数据url并通过google找到转换器。Chrome:在inspector中找到它,选择该元素,找到右侧带有数据url的背景样式,右键单击,选择“在新选项卡中打开”,新选项卡应与该图像一起显示,点击ctrl+s Firefox:右键单击+查看背景图像+ctrl+s p、 Firefox的速度快了约

很多时候,图像在网站上内联,要么img标签的src属性有数据url字符串而不是link,要么css背景属性值是url(..),它包含数据url而不是url

如何下载图片,尤其是背景图片


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

Chrome:在inspector中找到它,选择该元素,找到右侧带有数据url的背景样式,右键单击,选择“在新选项卡中打开”,新选项卡应与该图像一起显示,点击ctrl+s

Firefox:右键单击+查看背景图像+ctrl+s


p、 Firefox的速度快了约37倍。

您想通过编程实现吗?或者你只是想要一种更好的手动方式吗?不确定你是不是这个意思,但你可以打开Devtools中的“网络”选项卡(例如Chrome),重新加载页面并在下载的项目列表中搜索图像。您还可以筛选图像。@maxpaj如果有简单的代码,那么是的……如果图像是内联的,那么它将不会显示在下载的项目中。SIM无法粘贴,因为它太长了think@MuhammadUmer“看来粘贴只适用于小图像,”我编辑了答案。