Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取url加载的css背景图像的源 这是否可能从dom元素获取(不加载)已经加载的图像的src(svg)?_Javascript_Css_Background Image - Fatal编程技术网

Javascript 获取url加载的css背景图像的源 这是否可能从dom元素获取(不加载)已经加载的图像的src(svg)?

Javascript 获取url加载的css背景图像的源 这是否可能从dom元素获取(不加载)已经加载的图像的src(svg)?,javascript,css,background-image,Javascript,Css,Background Image,所以我有这样的smth: .icon{背景图像:url('some_link_to_svg')} 我可以加载svg文本: url=getComputedStyle().backgroundImage.substring(5,url.length-2) (等待获取(url)).text() 但这是否可能在不加载已渲染图像的情况下实现呢??浏览器将其保存在某处以便渲染当图像加载到浏览器中时,它将存储在URL下的缓存中。如果您访问相同的URL,它将从缓存加载,而不是第二次通过internet

所以我有这样的smth:
.icon{背景图像:url('some_link_to_svg')}

我可以加载svg文本:
url=getComputedStyle().backgroundImage.substring(5,url.length-2)

(等待获取(url)).text()


但这是否可能在不加载已渲染图像的情况下实现呢??浏览器将其保存在某处以便渲染

当图像加载到浏览器中时,它将存储在URL下的缓存中。如果您访问相同的URL,它将从缓存加载,而不是第二次通过internet。所以你所拥有的也应该一样快。您可以使用Chrome开发工具的网络选项卡来检查这一点。只要看看图像是否被下载了不止一次,以及每次下载需要多长时间。我同意缓存,并使用缓存加载到目前为止-因为缺少其他变体。然而,我仍然想知道如何在不抓取的情况下获得它