浏览器里藏着一扇后门，网页不用密码，源代不用权限，网页鼠标右键一点就开。源代这就是网页查看网页源代码。

我第一次发现这个功能是源代在小学电脑课上，老师让我们把学校官网的网页图片存下来。有个同学按了下Ctrl+U，源代满屏尖括号和英文单词瞬间铺开，网页像撕开了网站的源代皮肤，露出骨架和血管。网页那感觉挺震撼的源代——原来网页不是一张画，而是网页一份说明书。

现在说正事，源代怎么打开这扇门。网页

最直接的法子：在网页空白处点右键，菜单里找“查看页面源代码”或“显示网页源代码”，不同浏览器叫法略有差异，但意思都一样。Chrome和Edge叫“查看页面源代码”，Firefox叫“查看页面源代码”，Safari比较傲娇，要先在偏好设置里开启“显示开发”菜单，然后右键才有这个选项。

如果你懒得动鼠标，用键盘更快。Windows系统按Ctrl+U，Mac系统按Command+Option+U，网页源代码会直接在新标签页里摊开。这招在键盘上盲操作都行，比右键省事。

还有个进阶玩法，按F12打开开发者工具，点“Elements”或“元素”标签页。这里看到的不是纯源代码，而是浏览器解析后的实时结构。区别在于，源代码是原始文件，开发者工具里显示的是经过JavaScript动态修改后的最终状态。比如你在网页上填了个表单，源代码里看不到你输入的内容，但开发者工具里能看到。

我平时用得最多的是第三种方式。遇到想扒的页面，直接F12，然后Ctrl+F搜索关键词。比如我想知道某个按钮跳转到哪，搜“button”或者“href”，几秒钟就能定位到相关代码行。源代码文件动辄几百行，靠肉眼从头翻到尾，效率太低。

有人说看源代码是程序员的专利，这话不对。我认识一个做外贸的朋友，完全不懂编程，但他靠查看竞争对手的网页源代码，学会了怎么修改自己网站的关键词和描述标签。他把别人代码里的“description”内容抄下来，对照自己的产品改一改，网站搜索排名硬是往前提了两页。

看源代码还能治一种病——对网站的神秘感。当你发现那些炫酷的动画效果其实就是几个CSS属性在起作用，那些复杂的布局不过是嵌套了几层div，心里会冒出一句：“就这？”

当然，源代码不是万能的。有些网站做了混淆处理，变量名全是a、b、c，注释全部删除，读起来像天书。还有些网站用框架加载内容，源代码里只有个空壳子，实际内容在另一个文件里。这时候别硬啃，换个思路，用开发者工具的Network面板看请求，或者直接搜索引擎搜相关技术方案。

最后说个细节。查看源代码时，你可能会看到代码顶部有“”这种声明，下面跟着一堆meta标签。别被吓到，你不需要全看懂。找自己关心的部分就行——链接看href，图片看src，样式看class或id。就像看一栋楼的结构图，你不必理解每根钢筋的承重计算，只需要知道哪面墙能拆、哪扇窗能开。

按一下Ctrl+U，那个看似神秘的网页世界，瞬间就变成了你可以随意翻阅的公开日记。试试看，你会发现很多网站的小心思——比如他们偷偷埋了统计代码，或者藏了没用的注释。