网站源文件在哪里看

浏览器里按一下F12，网站或者右键点“查看网页源代码”，源文你就能看到一堆密密麻麻的网站标签和字母。对多数人来说，源文这玩意儿跟天书没区别。网站但想搞懂网站源文件在哪看，源文其实比你想的网站简单得多——它就在你眼前，只是源文你平时没留意。

拿Chrome举例，网站你打开任何一个网页，源文按下Ctrl+U，网站新标签页会蹦出一整页纯文本。源文那就是网站这个页面的源文件，浏览器收到的源文原始HTML。注意，网站是“收到”的，不是“存储”的。你看到的每一行代码，都是服务器传过来的字符串，浏览器负责把它们渲染成漂亮的页面。你要是把这段源码复制下来存成.txt文件，它依然能打开，只是丑得没法看。

更进阶的看法是打开开发者工具（F12），切到“Elements”标签。这里显示的源码是“活”的——你鼠标在页面上随便点个按钮，左侧对应的HTML代码会高亮。为啥？因为这是DOM树，是浏览器解析完HTML之后生成的内存模型。你右键查看的源代码是静态的原始文件，而Elements里看到的是动态的、被JavaScript修改过的最终状态。两者经常不一样。

举个例子。你打开一个电商网站，右键查看源代码，搜“价格”两个字，可能什么都搜不到。但F12的Elements里，价格清清楚楚躺在某个标签里。为啥？因为价格是页面加载后，JS从接口拉数据填进去的。原始HTML文件里只有个空壳。这就是静态源码和动态DOM的区别，搞懂这个，你才算真正入了门。

那CSS和JS文件呢？它们不是嵌在HTML里的，而是通过和