2

基本的に、ブラウザで右クリックしてソースを表示することを選択すると、ページのコンテンツをはっきりと見ることができても、コードは表示されません (IE、Firefox、Chrome で試してみました)。

ただし、Chrome/Firefox の「要素の検査」機能を使用すると、コードを表示できます

これは私のindex.htmlのそれぞれのコードです:

            <!-- [TABLE] -->    
            <div id="centercol" align="center">
                <table id="table">

                </table>
            </div>

javascript に tr/td を追加するために appendChild() を使用しています。

InspectElement : http://i.imgur.com/pZBb5.png

ソースを表示: http://i.imgur.com/W7pXm.png

なぜこれが起こるのですか？

4

4 に答える 4

0

ソース コードは、JavaScript によって変更されていない元のドキュメントです。

Inspect 要素は、基本的に画面上で視覚的に表現されるマークアップである DOM のシリアル化を示します。

于 2012-08-24T13:55:49.740 に答える
0

ソースコードを表示すると、ハードコード/静的コードが表示され、DOM を検査すると、生成された動的コードが表示されます。を使用して、生成されたソース コードを取得できますinnerHTML。

于 2012-08-24T13:51:12.970 に答える
0

「ソース コード」は、サーバーから送信された元の応答本文です。要素を検査すると、ページのライブ状態がシリアル化された形式で表されます。

たとえば、文字通りサーバーからこれを送信するだけです：

<script>

上記が解析されてシリアル化されるため、インスペクターで次のようになる可能性があります。

<html><head><script></script></head><body></body></html>
于 2012-08-24T13:51:33.673 に答える
-1

「viewsource」が JavaScript を実行していないために発生しています。ページ全体が JS の場合、非 JS 要素のみが表示されます。

于 2012-08-24T13:51:48.180 に答える