1

我今天犯了一个很大的错误，不小心删除了我网站的整个 CSS 页面。我想我可能病了。在我删除它之前，我确实有一个使用 CSS 打开的页面。有没有办法让我摆脱它的CSS？一旦我刷新页面，它就会完全消失。我打开的页面在谷歌浏览器中。我知道我应该备份它..所有这些东西。但是拜托，如果我必须重新编写 CSS，我可能会开始抽泣。有什么帮助吗？

4

3 回答 3

2

您可以在开发控制台中使用以下代码的变体：

 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，从 中获取cssText。cssRules参见https://developer.mozilla.org/en-US/docs/Web/API /document.styleSheets。）

于 2013-07-19T21:40:31.997 回答
0

除非你有一个缓存版本，它应该包含你的 css 调用，否则你将无法做到。您可以尝试右键单击并“查看源代码”，这将向您显示指向您的 css 文件的链接。如果您单击该链接，它可能会为您提供一个新窗口，该窗口将显示您的 CSS 文本。

由于该文件不再存在，它可能不存在。特别是如果您在本地打开它。

于 2013-07-19T21:41:11.137 回答
0

如果您在加载页面时打开了开发人员工具，那么此方法应该适合您。如果您没有打开开发工具......那么这可能不起作用。

在开发工具中，转到Network打开的开发工具窗口顶部的选项卡。接下来，在为页面下载的资源列表中找到您的 CSS 文件。单击它，您的文件内容应显示在其右侧的窗格中（您可能需要单击该窗格上的Preview或Response子选项卡才能看到它）。您可以从此处突出显示和复制/粘贴。

如果您没有打开开发工具，则无法使用的问题是，Network根据我的经验，该选项卡不一定包含任何资源。

另一种方法是搜索 Chrome 的临时缓存。我很确定文件名不会被修改，因此您可以尝试从文件系统中 Chrome 缓存的顶层执行文件搜索，看看它是否出现。

于 2013-07-19T21:55:38.850 回答