怎么查看网站代码

浏览器地址栏旁边，网站总有个小锁图标。代码你点它，网站看到“连接安全”几个字，代码心里踏实了。网站但你知道吗，代码这锁只防外人偷听，网站不防网站自己。代码想真正看清网站底细，网站唯一办法是代码扒开它的衣服——查看源代码。这活儿不难，网站比修马桶简单多了。代码

在Windows上按Ctrl+U，网站Mac按Option+Command+U，代码新标签页立刻弹出满屏尖括号。网站我第一次看到这堆乱码时，差点关掉。但别慌，你不需要全懂。就像看心电图，知道哪段是心跳就行。页面顶部通常以<!DOCTYPE html>开头，这是网站的出生证明。往下找<head>标签，里面藏着网站的秘密——标题、关键词、甚至用了什么追踪脚本。我常在这层发现些有趣东西，比如某电商首页偷偷埋了七家广告商的追踪器。

真正有意思的是<body>部分。这里躺着页面所有可见元素。鼠标右键，选“检查”，比Ctrl+U更聪明。它能让你像做解剖手术一样，单独挑出页面某个按钮，看它背后绑着什么代码。我有个朋友，靠这招破解了公司内部系统——他没干坏事，只是发现登录按钮的密码校验函数竟然写在客户端，改一行就能绕过。他跟老板汇报时，老板脸都绿了。

看代码最实用的场景，是抄作业。想模仿某个网站的布局？按下F12，找到<div class="header">，右键复制元素，粘到自己代码里。但别全抄，我试过，直接粘过来的样式表带着一堆!important，改起来比重写还痛苦。聪明做法是只抄结构，样式自己写。就像学画画，临摹轮廓可以，颜料得自己调。

有些网站不让看代码。你按Ctrl+U，它弹出一个警告框，说“禁止查看”。别信，这只是吓唬新手。代码永远在浏览器里，只是他们用JavaScript把右键菜单替换了。破解方法简单粗暴：在地址栏输入view-source:https://网站地址，照样打开。或者干脆禁用JavaScript，再刷新，那些防查看的脚本就失效了。但说实话，没几个网站值得这么较劲。我见过最狠的防护，是把整个页面画在canvas上，代码全是加密的二进制流，看也白看。

看代码多了，你会发现网站和人一样会撒谎。有的页面写着“仅售今日”，代码里却有个setInterval函数每天自动改日期。有的显示“剩余3件”，其实库存变量写死了100。这些不是程序员故意骗你，他们只是按产品经理要求办事。但你看了代码，就能分辨哪些是真实数据，哪些是表演。

最后提醒一句：看代码别走火入魔。有段时间我逛任何网站都习惯性按F12，结果连看个菜谱都要研究它的图片懒加载逻辑。后来我强制自己只在需要时打开，现在好多了。查看代码是手段，不是目的。你要找的是答案，不是把整本说明书背下来。

(责任编辑：热点)