css - JSFiddle の Web アプリの静的コピーを作成する簡単な方法は?

Question

大量のフロントエンドコードまたはバックエンドコードを含む動的な Web アプリケーションで作業しているときに問題が発生することがよくあります。1 時間頭を悩ませたにもかかわらず、CSS の問題を回避できます。StackOverflow ですぐに解決できることはわかっています。投稿したいのですが、

どちらも非常に簡単ではありません。DOM は動的に生成されるため、「ソースの表示」ではカットされないことに注意してください。同様に、CSS は複数のファイルに分散している可能性があり、一度に取得したいと思います。

DOM とすべての CSS を単一のファイルとしてコピーして、JSFiddle のようなものに挿入して途中で作業できるようにする簡単な方法はありますか?

score 0 · Accepted Answer

ページ上のすべての HTML をそのまま取得する最も簡単な方法は、これをアドレスバーに貼り付けることです。

javascript:alert(document.body.outerHTML)

もちろん、コンソールを使用することもできますが、上記は古い IE バージョンでも機能し、コピー/貼り付けが簡単です。

CSS を取得する良い方法はまったくないと思いますが、jQuery セレクターなどを使用して URL を取得することもできます。

$('link[type="text/css"]')
  .each(function(x, link){
    console.log(link.attributes.href.value)});

そして、CSS をダウンロードして連結します。

1 に答える 1