"Source"和"Generated Source"有什么区别?

Jit*_*yas 9 html browser firefox

Firefox中"Source"和"Generated Source"有什么区别?

请举例说明.


编辑: 7月3日

哪个来源"搜索引擎"使用,生成或生成之前?

Jon*_*ers 6

Source将显示页面加载的源(由服务器提供).

生成的源将从当前DOM元素中绘制"源代码",因此包含由JavaScript动态创建的元素.

例如,source会显示:

<script>
  window.onload = function(){
    document.getElementById('test').innerHTML = 'Generated Content';
  }
</script>
<html>
  <div id='test'>Source</div>
</html>
Run Code Online (Sandbox Code Playgroud)

单击"查看生成的源"时,"生成的源"将"绘制"源,之后div的内容已更改,您将看到:

<script>
  window.onload = function(){
    document.getElementById('test').innerHTML = 'Generated Content';
  }
</script>
<html>
  <div id='test'>Generated Content</div> <!-- Note the difference here -->
</html>
Run Code Online (Sandbox Code Playgroud)


ick*_*fay 5

查看源将显示服务器提供的源.

查看生成的源代码将显示实际显示内容的源代码 - 包括JavaScript已更改的内容等.


egr*_*nin 5

这真的很简单。

资源:

<body>
    <script>document.write("hello, world");</script>
</body>
Run Code Online (Sandbox Code Playgroud)

产生的来源:

<body>
    <script>document.write("hello, world");</script>
    hello, world
</body>
Run Code Online (Sandbox Code Playgroud)

更详细地说:“源”是响应页面请求到达浏览器的内容。在所有的javascript触发后,浏览器具有“生成的源”。