查看谷歌瀏覽器的緩存圖片

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); 
 
}