网页源代码快捷键
按一下Ctrl+U，网页网页的源代源代码就像被扒掉外衣的骨架，摊在你眼前。码快这个快捷键在Chrome、捷键Edge、网页Firefox里通用，源代是码快每个前端开发者的肌肉记忆。我见过太多人右键点“查看页面源代码”，捷键再费力地从菜单里找——那多花了整整两秒，网页而这两秒在调试的源代时候足够让人的耐心归零。
有些浏览器把入口藏得更深。码快Safari要你先在设置里开启“开发”菜单，捷键否则右键菜单里根本没有源代码选项。网页这时候快捷键Option+Command+U就成了唯一的源代捷径。我第一次在Mac上按这个组合键时，码快屏幕闪了一下，然后一整页密密麻麻的HTML扑面而来——那种感觉像是突然拿到了餐厅的后厨钥匙，能看到食材到底新不新鲜。
源代码窗口打开后，别急着滚动。先按Ctrl+F（Mac上则是Command+F）调出搜索框。我想查某个关键词在页面里出现的位置，直接输入就能跳转。有一次帮朋友排查一个电商页面为什么加载缓慢，我打开源代码搜索“script”标签，数了数居然有47个外部脚本。每个脚本都是一次网络请求，47次请求叠加起来，网速再快也得卡顿。朋友在旁边看得一愣一愣，说原来网页慢不慢，源代码里早就有答案。
还有一个被低估的快捷键组合是Ctrl+Shift+I，它直接打开开发者工具，比单纯看源代码更进一步。源代码是静态的，而开发者工具里的“元素”面板是动态的——你能看到CSS实时作用在哪个节点上，甚至当场改数值看效果。我习惯用Ctrl+Shift+C快速拾取页面上的任意元素，光标移上去就高亮对应的HTML代码块。这个功能对前端调试来说简直是显微镜，能把像素级的问题揪出来。
不过说真的，快捷键这东西，记不住就别硬记。浏览器地址栏输入view-source:加上网址，也能直接查看源代码。比如输入view-source:https://example.com，回车后照样打开源码页面。这个方法冷门，但偶尔在手机浏览器上想快速看代码时特别好用——手机上可没有快捷键给你按。
快捷键本质上是把重复动作压缩成肌肉记忆。用多了之后，你甚至不用想，手指自己就按下去了。我见过一些老程序员，调试时左手始终放在键盘左侧，Ctrl键被磨得发亮。他们不看键盘，不问菜单，纯粹靠本能操作。这种流畅感一旦体验过，就很难再退回鼠标右键慢慢点了。
网页源代码就像一本书的脚注，平时不显眼，但真需要深究时，快捷键就是最快翻到那一页的手指。