从页面检索CSS而不重新加载

Retrieve CSS from page without reloading it

本文关键字：新加载 加载 面检索 CSS      更新时间：2023-09-26

我今天犯了一个很大的错误，不小心删除了我网站的整个CSS页面。我想我可能生病了。在我删除之前，我确实有一个使用CSS的页面打开了。有没有办法把它去掉？我一刷新页面，它就会完全消失。我打开的页面是在谷歌铬。我知道我应该把它备份起来。。所有这些东西。但请原谅，如果我必须重新编写CSS，我可能会开始哭泣。有什么帮助吗？

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

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

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

由于该文件已不存在，因此可能不存在。尤其是如果你在本地打开它。

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

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

如果您没有打开开发工具，那么根据我的经验，Network选项卡不一定会填充任何资源，这将使它无法工作。

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

相关文章：