今日、私は非常に大きな間違いを犯し、Web サイトの CSS ページ全体を誤って削除してしまいました。私は病気かもしれないと思います。削除する前に開いていた CSS を使用するページが 1 つあります。それからcssを取得する方法はありますか?ページを更新するとすぐに、それは完全になくなります。私が開いているページはgoogle chromeにあります。私はそれをバックアップしておくべきだったことを知っています..すべてのもの。しかし、CSS を最初から書き直さなければならなくなったら、すすり泣くかもしれません。何か助けはありますか?
3 に答える
開発コンソールで次のコードのバリアントを使用できます。
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 を含める必要があります。
(HTML ページから CSS をキャプチャするために iOS アプリで使用するいくつかのコードから改作されました。基本的な考え方は、からdocument.stylesheets
収集することです。https://developer.mozilla.org/en-US/docs/Web/APIcssText
をcssRules
参照してください。 /document.styleSheets .)
ページをロードしたときに開発者ツールを開いていた場合は、この方法が機能するはずです。開発ツールを開いていない場合...これは機能しない可能性があります。
開発ツールで、Network
開いた開発ツール ウィンドウの上部にあるタブに移動します。次に、ページ用にダウンロードされたリソースのリストで CSS ファイルを見つけます。それをクリックすると、ファイルの内容がその右側のペインに表示されます (表示するには、そのペインのPreview
またはResponse
サブタブをクリックする必要がある場合があります)。ここから強調表示してコピー/貼り付けできます。
開発ツールを開いていない場合、これが機能しない原因はNetwork
、私の経験では、タブにリソースが入力されているとは限らないことです。
別の方法は、Chrome の一時キャッシュを検索することです。ファイル名は変更されていないはずなので、ファイル システム内の Chrome のキャッシュの最上位レベルからファイル検索を実行して、表示されるかどうかを確認してください。
CSS呼び出しを含む必要があるキャッシュバージョンがない限り、できません。右クリックして「ソースを表示」すると、css ファイルへのリンクが表示されます。そのリンクをクリックすると、css のテキストを表示する新しいウィンドウが表示される場合があります。
ファイルはもう存在しないため、存在しない可能性があります。特にローカルで開いた場合。