查看谷歌浏览器的缓存图片

Question

如何查看谷歌浏览器在网站上缓存的图片？

Answer 1

本页面包含了所有的高速缓存的URL

chrome://cache 

遗憾的是居然看你有没有在页面上选择的一切，将其粘贴在此文件工具：http://www.sensefulsolutions.com/2012/01/viewing-chrome-cache-easy-way.html

Answer 2

这个工具似乎满足您的目的：http://www.nirsoft.net/utils/chrome_cache_view.html

Answer 3

%UserProfile%\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache 

这贴在你的地址栏并回车，你会得到所有文件

只需将文件扩展名重命名为您正在查看的扩展名即可。

即。打开命令提示符，然后

C:\>cd %UserProfile%\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache 

然后

C:\Users\User\AppData\Local\Google\Chrome\User Data\Default\Cache>ren *.* *.jpg 

Answer 4

你可以做一个书签与此作为URL：

javascript: 
var cached_anchors = $$('a'); 
for (var i in cached_anchors) { 
    var ca = cached_anchors[i]; 
    if(ca.href.search('sprite') < 0 && ca.href.search('.png') > -1 || ca.href.search('.gif') > -1 || ca.href.search('.jpg') > -1) { 
     var a = document.createElement('a'); 
     a.href = ca.innerHTML; 
     a.target = '_blank'; 

     var img = document.createElement('img'); 
     img.src = ca.innerHTML; 
     img.style.maxHeight = '100px'; 

     a.appendChild(img); 
     document.getElementsByTagName('body')[0].appendChild(a); 
    } 
} 
document.getElementsByTagName('body')[0].removeChild(document.getElementsByTagName('table')[0]); 
void(0); 

然后就转到chrome：//缓存，然后单击您的书签，它会显示你所有的图像。

Answer 5

@dovidev的修改版本，因为他的版本从外部加载图像而不是读取本地缓存。

1. 导航前往chrome：//缓存/
2. 在Chrome顶部菜单进入 “查看>开发者> JavaScript控制台”
3. 在打开粘贴下面，然后按回车控制台

var cached_anchors = $$('a'); 
 
document.body.innerHTML = ''; 
 
for (var i in cached_anchors) { 
 
    var ca = cached_anchors[i]; 
 
    if(ca.href.search('.png') > -1 || ca.href.search('.gif') > -1 || ca.href.search('.jpg') > -1) { 
 
     var xhr = new XMLHttpRequest(); 
 
     xhr.open("GET", ca.href); 
 
     xhr.responseType = "document"; 
 
     xhr.onload = response; 
 
     xhr.send(); 
 
    } 
 
} 
 

 
function response(e) { 
 
    var hexdata = this.response.getElementsByTagName("pre")[2].innerHTML.split(/\r?\n/).slice(0,-1).map(e => e.split(/[\s:]+\s/)[1]).map(e => e.replace(/\s/g,'')).join(''); 
 
    var byteArray = new Uint8Array(hexdata.length/2); 
 
    for (var x = 0; x < byteArray.length; x++){ 
 
     byteArray[x] = parseInt(hexdata.substr(x*2,2), 16); 
 
    } 
 
    var blob = new Blob([byteArray], {type: "application/octet-stream"}); 
 
    var image = new Image(); 
 
    image.src = URL.createObjectURL(blob); 
 
    document.body.appendChild(image); 
 
}