從頁面檢索CSS而不重新加載它

今天我犯了一個非常大的錯誤，並意外刪除了我的網站的整個CSS頁面。我想我可能會生病。我確實有一個頁面使用從我刪除之前打開的CSS。有沒有我的方式，我可以得到它的CSS？一旦我刷新頁面，它就會完全消失。我已打開的頁面位於谷歌瀏覽器中。我知道我應該備份它..所有這些東西。但是請，如果我必須重新編寫CSS，我可能會開始抽泣。任何幫助？從頁面檢索CSS而不重新加載它

來源

2013-07-19 eshellborn

檢查頁面，查找* .css *文件，查看瀏覽器_cache_。 – Vucko

使用'Ctrl-Shift-I'或者'Tools-> Developer Tools'下的chrome菜單來打開chrome中的開發者工具，在右下方（默認情況下），在下拉列表中有一個「calculate style」的下拉列表它。你可能能夠從那裏拯救事情。 – abiessu

開發人員工具應將其列在「網絡」選項卡中。點擊該文件，您應該在右側的窗格中獲取內容。複製並粘貼，所有。 – ajp15243

您可以在開發者控制檯中使用下面的代碼的變體：

var rc=''; 
for (var i = 0; i < document.styleSheets.length; ++i){ 
    var ss = document.styleSheets[i]; 
    rc += Array.prototype.map.call(ss.cssRules,function(el){return el.cssText}).join('') ; 
}

rc應該包含你的CSS。

（從一些代碼，我在iOS應用程序用來從一個HTML頁面捕捉CSS。其基本思想是要經過document.stylesheets，收穫來自cssRulescssText調整。見https://developer.mozilla.org/en-US/docs/Web/API/document.styleSheets）

來源

2013-07-19 21:40:31 brainjam

那我該怎麼辦？打開控制檯，將代碼複製進來，然後呢？ – eshellborn

正好......插入並可能添加一個'console.log（rc）'來實際返回剛剛計算的內容。 – luk2302

好吧，它只是說'TypeError：Array.prototype.map調用null或undefined'。 – eshellborn

除非你有一個緩存版本，應該包含你的css調用，你將無法做到。你可以嘗試右鍵單擊和「查看源代碼」，它會顯示你的css文件的鏈接。如果你點擊該鏈接，它可能會給你一個新的窗口，它會顯示你的CSS的文本。

由於該文件不再存在，因此可能不存在。特別是如果你在本地打開它。

來源

2013-07-19 21:41:11 Phoenix

如果您在加載頁面時打開了開發工具，那麼此方法應該適合您。如果您沒有打開開發工具...那麼這可能無法正常工作。

在開發工具中，轉至打開的開發工具窗口頂部的Network選項卡。接下來，在您下載的頁面資源列表中找到您的CSS文件。點擊它，你的文件內容應該顯示在右邊的窗格中（你可能需要點擊該窗格上的Preview或Response子標籤才能看到它）。您可以突出顯示並從這裏複製/粘貼。

如果你沒有開放的開發工具，那麼這個工作就不能工作的問題在於，根據我的經驗，Network標籤不一定是用任何資源填充的。

另一種方法是搜索Chrome的臨時緩存。我很確定文件名不會被修改，因此您可以嘗試從文件系統的Chrome緩存的頂層執行文件搜索並查看它是否出現。

來源

2013-07-19 21:55:38 ajp15243

從頁面檢索CSS而不重新加載它

回答

相關問題