34

Firebug を使用している場合は、HTML タブをクリックし、クリックして各要素を展開し、生成された HTML コードを表示します。すべてを展開する方法や、プレーン テキスト ファイルを取得する方法はありますか?

たまたま、Firebug である必要さえないことに気付きました。Web ページで CTRL-A (すべてを選択) を押し、右クリックして [選択ソースの表示] を選択すると、「現在の HTML コード」のプレーン テキスト ファイルが取得されます<div>。<body>Firebug が開いている場合、タグの前にある Firebug パネル。しかし、これを呼び出すのは奇妙な方法のようです。他に方法はありますか？

(更新: 生成された HTML は、通常、JavaScript が DOM を変更した後の HTML を参照します。元のソース コードではなく、現在の DOM ツリーです)

4

5 に答える 5

29

Firebug の HTML タブで、ルート ノードを右クリックし、[HTML のコピー] を選択します。次に、テキスト エディターに貼り付けます。

Firefox アドオンがなければ、次のようなブックマークレットを使用できます。

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;
于 2010-07-24T07:58:56.707 に答える
18

Web Developerツールバーアドオンを使用して、[ソースの表示] - [生成されたソースの表示]を選択します。また、元のソースを表示する場合は、[ソースの表示] - [ソースの表示]を選択します（または単に---を押します） 。CTRLSHIFTU

于 2010-07-23T00:02:12.820 に答える
0

プログラムによる解決策を探している場合は、ドキュメントを XMLSerializer にフィードするだけです。

于 2010-07-31T16:37:52.430 に答える
-1

あなたの質問をよく理解できたかどうかわかりませんが、これは本当に簡単なものであり、別のアドオンは必要ありません.

すべてのブラウザには、実際のページのソース コードを表示するネイティブ機能があります。右クリックして、「ソース」または「コード」に似たものを探してください。

たとえば、Firefox では「ソース コード」、Chrome では「ページ ソースの表示」などです。

そうは言っても、特に CSS も使用する場合は、Web 開発者ツールバーは確かに優れたアドオンです。

于 2010-07-23T08:05:22.843 に答える