审查元素(和Firebug查看一样)与查看网页源代码的区别

网页源代码如下：

<h1>test</h1>
<script>
var a=document.getElementsByTagName("h1")[0];
a.innerHTML="content";
</script>

当我们选择审查元素或者使用Firebug查看时看到的代码如下：

可以看到内容是： <h1>content</h1>，并不是源代码中的<h1>test</h1>

总结：

审查元素(或者用开发者工具，Firebug)看到的是现在实时性的内容(经过js的修改)：

而网页源代码看到的是就是最开始浏览器收到HTTP响应内容