可通过五种方法查看网页HTML源代码：一、快捷键Ctrl+Shift+I（Win/Linux）或Command+Option+I（macOS）打开开发者工具“Elements”面板；二、右键选择“检查”进入DOM树视图；三、地址栏输入view-source:前缀查看原始HTML；四、按F12快速启动开发者工具；五、Ctrl+U（Win/Linux）直接打开只读源码页。
如果您在浏览网页时需要快速查看其HTML源代码，可以通过浏览器内置的开发者工具实现。以下是几种常用且有效的方法：
一、使用快捷键打开开发者工具
绝大多数现代浏览器支持统一的快捷键组合，直接唤出包含HTML结构的“元素”面板。该面板不仅显示当前页面的实时HTML结构，还支持高亮、折叠与编辑（仅限临时预览）。
1、在Windows或Linux系统中，按下 Ctrl + Shift + I 组合键。
2、在macOS系统中，按下 Command + Option + I 组合键。
立即学习“前端免费学习笔记（深入）”；
3、按键后，浏览器右下角或底部将弹出开发者工具窗口，默认定位在“Elements”（元素）标签页，即可查看渲染后的HTML结构。
二、通过右键菜单访问源代码视图
该方式不依赖键盘输入，适合快捷键记忆困难或外接键盘无对应键位的用户。右键触发菜单后，系统会跳转至开发者工具的HTML结构界面，而非静态源码文件。
1、在网页任意空白区域点击鼠标右键。
2、在弹出的上下文菜单中选择 检查 或 检查元素（不同浏览器翻译略有差异）。
3、开发者工具随即展开，“Elements”面板自动激活，显示当前页面的DOM树结构。
三、使用地址栏命令直接查看原始HTML文本
此方法返回的是服务器发送的原始HTML文档，未经JavaScript动态修改，适用于分析初始页面结构或服务端输出内容。
1、在浏览器地址栏中，将当前URL前缀替换为 view-source:（注意末尾有英文冒号）。
2、例如原网址为 https://example.com，则修改为 view-source:https://example.com。
3、按回车键执行，浏览器将以纯文本形式展示未渲染的HTML源码，不包含样式和脚本执行结果。
四、通过F12功能键快速启动开发者工具
F12是W3C标准定义的开发者工具调用键，在所有主流桌面浏览器中均被支持。它与Ctrl+Shift+I功能完全一致，但操作更简洁，无需多键协同。
1、确保浏览器窗口处于焦点状态（即已激活）。
2、直接按下键盘上的 F12 键。
3、开发者工具窗口立即打开，默认停留在“Elements”选项卡，可即时浏览和交互HTML节点。
五、使用Ctrl+U快捷键查看原始HTML源码
该快捷键跳转至只读的源码页面，内容与view-source:协议一致，为服务端响应的原始HTML字符串，不含客户端动态生成部分。
1、在Windows或Linux系统中，按下 Ctrl + U。
2、在macOS系统中，该快捷键通常被禁用；如需等效操作，请改用 view-source: 前缀方式。
3、新标签页将加载纯文本格式的HTML源码，支持复制、查找，但不可编辑或实时调试。
