怎么进入网页源代码

```html

右键菜单里那个“查看网页源代码”选项，进入点下去弹出来的网页东西，很多人第一次见会愣住——密密麻麻的源代英文标签、尖括号、进入引号，网页像一锅乱炖。源代其实它就是进入浏览器从服务器拿到的原始文件，没经过任何渲染。网页你看到的源代花哨页面，是进入浏览器把这堆文本“翻译”成图形的结果。

以Chrome为例。网页打开任意网页，源代在空白处点右键，进入菜单里有一项“查看网页源代码”，网页快捷键是源代 Ctrl+U（Mac上 Cmd+Option+U）。点下去，新标签页会显示纯文本。别被吓到，这跟你在编辑器里写HTML时看到的东西一模一样。我试过打开一个新闻网站，源码里光 <script> 标签就塞了四十多个，夹杂着各种统计代码和广告脚本，真正的内容反而藏在中间几行。

但右键看到的是“原始”源码。如果你在页面上右键选“检查”，情况就不同了。那是开发者工具，里面显示的DOM树是浏览器解析并执行JavaScript之后的实时结构。很多动态加载的内容——比如微博的评论、淘宝的推荐列表——在原始源码里根本找不到，因为它们是用JS后来插进去的。所以想抓取数据的人，光看 Ctrl+U 那页没用，得用开发者工具里的Elements面板。

Firefox的操作差不多，右键菜单里叫“查看页面源代码”，快捷键也是 Ctrl+U。Safari稍微藏得深一点，得先在“偏好设置”的“高级”里勾选“在菜单栏中显示开发菜单”，然后才能用 Option+Command+U。Edge跟Chrome几乎一样，毕竟都是Chromium内核。

有个细节值得提：有些网站会故意把源码压缩成一行，或者用工具混淆变量名。你看到 var _0x4f2a=['\x68\x65\x6c\x6c\x6f'] 这种，别慌，那是反爬手段。直接搜索关键词比如“price”或者“article”往往还能找到线索。我上次想找一个页面的图片链接，源码里搜 <img 没结果，换成搜 data-src 就出来了——图片是懒加载的，真实地址藏在自定义属性里。

移动端浏览器多数没有右键菜单。安卓上的Chrome可以在地址栏输入 view-source: 加上网址，比如 view-source:https://example.com，回车就能看。iOS的Safari比较麻烦，得借助快捷指令或者连电脑用远程调试。我试过在iPhone上用 view-source: 前缀，Safari直接忽略，跳转到正常页面。所以移动端看源码，最省事的还是连数据线用桌面浏览器的远程调试功能。

还有种情况：你看到的源码和实际服务器返回的不一样。比如用了CDN或者Service Worker缓存，浏览器可能给你看的是缓存版本。强制刷新（Ctrl+Shift+R）能解决大部分问题。另外，有些单页应用（SPA）的初始源码里只有一个 <div id="app"></div>，所有内容靠JS生成。这时候 Ctrl+U 基本没用，必须用开发者工具。

最后说个实际用途。想下载网页上的视频，但页面没提供下载按钮？打开源码，搜索 .mp4 或者 m3u8，经常能直接找到视频地址。我帮朋友下过一个在线课程的片段，源码里 <video> 标签的 src 属性直接写着完整URL，复制到下载工具里就完事。当然，版权内容别乱碰。

源码这东西，看多了就习惯那些尖括号和属性名了。它不是什么黑魔法，就是网页的原始配料表。下次遇到加载慢或者排版错乱的页面，按一下 Ctrl+U，说不定能看出点门道。