直接说方法：在浏览器里按 Ctrl+U，网站Windows 系统下绝大多数浏览器会弹出一个新标签页，源码里面就是网站当前页面的 HTML 源码。Mac 用户按 Option+Command+U。源码这比右键菜单还快，网站而且不用在页面元素上点来点去。源码我最早用这招是网站在 2012 年，当时想扒一个博客的源码 CSS 布局，按完快捷键，网站满屏的源码 <div> 和 <script> 直接糊脸上——那会儿还不太懂，只觉得像拆开了一个闹钟，网站零件散了一地。源码

右键菜单里的网站“查看网页源代码”是更直观的入口。不同浏览器叫法稍有差异，源码Chrome 叫“查看网页源代码”，网站Firefox 叫“查看页面源代码”，Safari 得先在偏好设置里勾选“在菜单栏中显示开发菜单”，然后从“开发”菜单里找。右键出来的源码和 Ctrl+U 出来的完全一样，都是服务器返回的原始 HTML。但很多人不知道，你右键看到的源码，和浏览器实际渲染页面时用的 DOM 可能已经不是一回事了。JavaScript 一执行，DOM 就会被改得面目全非。比如你右键看一个用 React 写的页面，源码里可能只有一个空的 <div id="root"></div>，但页面上花花绿绿的内容全是用 JS 动态塞进去的。

想看到“活”的 DOM，得用开发者工具。按 F12 或者 Ctrl+Shift+I，切到 Elements 面板。这里显示的是浏览器解析并执行完脚本之后的实时结构。你可以直接双击某个 <div> 改文字，页面立刻跟着变——当然刷新就没了。我经常用这招测试文案长度，比改代码再部署快得多。还有一个场景：有些网站会把图片的 src 藏在 data-src 里，用懒加载。右键源码里看到的 src 可能是占位图，但 Elements 面板里滚到图片位置后，src 已经被替换成真实地址了。这时候右键复制图片地址才管用。

手机浏览器也能看源码，只是麻烦点。Chrome 安卓版地址栏输入 view-source: 加网址，比如 view-source:https://example.com，回车就行。iOS 的 Safari 默认没这功能，得装个快捷指令或者用 view-source: 书签脚本。我试过在 iPhone 上用 view-source: 前缀，Safari 会直接打开源码页面，但排版很乱，代码不换行，读起来费劲。真要干细活，还是得连电脑用远程调试。

查看源码不只是看 HTML。CSS 和 JavaScript 通常外链在 <link> 和 <script> 标签里，右键源码里能看到文件路径。想下载某个 CSS 文件，直接把路径拼到域名后面就行。但有些网站会做防盗链或者路径混淆，比如把 style.css 改成 style.css?v=20240521，版本号一变路径就失效。这时候开发者工具的 Network 面板更靠谱——刷新页面，所有请求一目了然，点哪个文件都能看内容、复制响应。

有个细节：源码里的注释有时候会泄露信息。我见过一个电商网站，源码里留着 <!-- TODO: 修复优惠券叠加逻辑 -->，还有测试环境的 API 地址。开发人员忘了删，或者觉得没人看。实际上稍微懂点的人都会翻。所以如果你自己写网站，上线前记得把注释清干净。反过来，看别人源码时，注释区往往比正文有意思。

最后提一句，查看源码和“扒站”是两码事。源码是公开的，浏览器能拿到的东西都不算秘密。但直接复制别人的 HTML、CSS、JS 拿去商用，可能踩到版权红线。我一般只用来学习布局思路、调试自己的页面，或者临时改点样式截图用。真要复刻一个站，不如自己重写一遍——看源码是拆解，不是复印。