html - 我丢失了我的 CSS 文件，但该页面仍在浏览器中，如何恢复？

Question

最近，由于 Notepad++ 崩溃，我在本地文件(mydisk)中丢失了我的CSS文件，...并且不小心用空白文件覆盖了它。就像this case.

我已经尝试了他们的建议 there ，使用 recuva 恢复，但 null..我试过在记事本++ appsdata 中查看备份文件夹，但我的文件不存在。还有我的windows 7，还原系统还没搞定。

但是当我回到 Chrome(v.47) 时...我的页面选项卡仍然在那里打开，仍然应用了完整的样式。而且当我用开发工具检查页面时，它仍然在那里显示我的样式表脚本，但它只针对每个元素而不是完整的样式表，而且也不能像往常一样进行编辑。这里是 SS Pict:

---

是否可以从 Chrome 浏览器中的事件选项卡恢复我的整个样式表？实际的 .css 已经消失了，还是有另一种方法来恢复我丢失的脚本？或许？拜托？..就像，..你知道的..，从头开始重新写一遍是一件很痛苦的事...暂时，我不会关闭浏览器中的那个选项卡。

Answer 1

对于一般娱乐，在最近浏览器的 URL 栏中输入 (1) 的这段代码应该(在大多数情况下 (2))以原始格式显示当前显示页面的所有 CSS 规则。在不太可能的情况下，合理的浏览器中的开发人员工具会失败，这至少可以节省“一些东西”:

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

(1) 出于安全原因，谷歌浏览器会在从剪贴板粘贴时删除“javascript:”:必须手写。或者在没有“javascript”的情况下粘贴到控制台中。(2) 由于未知原因(怀疑 CORS)在 SO 处不起作用，但通常应该。它还会显示来自禁用样式的规则。