我丢失了我的CSS文件，但页面仍然在浏览器中，它怎么能恢复？

Question

最近由于记事本++崩溃，我在localfile（mydisk）中丢失了我的CSS文件，并且意外地用空白文件覆盖它。就像this case.

一样

我已经尝试了他们建议的there，使用recuva恢复，但是null ..我已经尝试在notepad ++ appsdata中查找备份文件夹，但我的文件不在那里。和我的Windows 7一样，恢复系统还没有解决。

但是当我回到Chrome（第47节）...我的页面标签仍然在那里打开，仍然应用了完整的样式。当我用开发工具检查页面时，它仍然在那里显示我的样式表脚本，但它只是为每个元素而不是完整的样式表，并且也不能像往常一样进行编辑。这里是SS Pict：

是否可以从Chrome浏览器的活动标签恢复我的整个样式表？实际的.css已经消失了，还是有另一种方法可以恢复丢失的脚本？也许？好吗？..就像，...你知道..，从一开始就写下来的那种痛苦......而且暂时，我不会在我的浏览器中关闭该标签。

Answer 1

正如Luan Nico在第二条评论中写的那样，右侧标签是资源。确实无法通过上下文菜单直接保存样式表文件＆gt;如果此时文件已消失/无法访问，请保存，但右侧显示（缓存）的内容可以复制。

Answer 2

为了一般娱乐，这个片段输入（1）到最近浏览器的URL栏应该（在大多数情况下（2））以原始格式显示当前显示页面的所有CSS规则。在不太可能的情况下，合理浏览器中的开发人员工具失败，这至少可以节省一些＆＃34;：

javascript:src=[];([].slice.call(document.styleSheets||[])).forEach(function(s){([].slice.call(s.cssRules||[])).forEach(function(r){src.push(r.cssText)})});alert(src.join('\n'))

（1）谷歌浏览器剥离＆＃34; javascript：＆＃34;出于安全原因从clipboad粘贴：必须手写。或粘贴没有＆＃34; javascript＆＃34;进入控制台。 （2）这里SO因原因不明（怀疑CORS）不起作用，但一般应该。此外，它甚至会从禁用的样式中显示规则。

Answer 3

如果您无法像其他人建议的那样从检查员那里获取该文件，您可以尝试使用此应用程序：http://www.nirsoft.net/utils/chrome_cache_view.html

它会显示Chrome缓存中的所有文件。您只需单击.css文件，转到文件，然后单击＆＃34;打开选定的缓存文件＆＃34;。

Answer 4

此解决方案取决于您通过Web服务器（本地或其他方式）运行网页/站点。如果你通过file：/// Users ....运行它，那么遗憾的是没有用。我很想知道是否有解决方案。

我刚回答了关于丢失图像的类似问题。如果CSS文件是通过Web服务器提供的，则可以使用相同的工具来恢复它们。

1. 导航至chrome://cache/
2. 查找并单击指向CSS文件的链接
3. 导航至this page并粘贴HTTP标头和二进制数据
4. 点击开始
5. 下载该文件 - 您可能需要调整浏览器安全性，因为Chrome会阻止它。我只是在Safari中打开它。
6. 下载的文件是gz，因此请将其解压缩。然后，您可以在文本编辑器中打开内容以查看CSS。

这对我来说很有用，但是只有当我运行本地Web服务器或者我想从外部站点查看缓存时它才有效。

<强>更新

我查看了Chrome开发工具，了解我是否可以在Styles标签下找到对样式表的任何缓存引用。不幸的是，它看起来好像直接引用静态文件而不是缓存。它们可能只在需要时从文件中加载样式。因此，我不相信你能做多少事情。见下文：