Question

基本上，如果我在任何浏览器中右键单击并选择查看源代码将无法显示，即使我可以清楚地看到页面上的内容（在IE，Firefox，Chrome上试过）

如果我使用Chrome / Firefox的“检查元素”功能，我可以查看代码

这是我的index.html的相应代码：

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

                </table>
            </div>

我正在使用appendChild（）在我的javascript中添加tr / td

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

查看来源：http://i.imgur.com/W7pXm.png

为什么会这样？

Answer 1

查看源代码可以看到硬代码/静态代码，检查DOM会显示生成的动态代码。您可以使用innerHTML获取生成的源代码。

Answer 2

＆＃34;源代码＆＃34;是从服务器发送的原始响应主体。检查元素时，它以序列化形式表示页面的实时状态。

例如，字面上只是从服务器发送：

<script>

可以在检查器中成为这个，因为上面的解析和序列化：

<html><head><script></script></head><body></body></html>

Answer 3

源代码是未经JavaScript修改的原始文档

Inspect元素向您显示DOM的序列化，这基本上是在屏幕上直观显示的标记。

Answer 4

这种情况正在发生，因为“viewsource”不运行JavaScript。如果您的整个页面都是JS，那么您将只看到非JS元素。

源代码未显示

4 个答案: