可通过五种方法查看HTML5页面源代码：一、快捷键Ctrl+U（Win/Linux）或Cmd+Option+U（macOS）；二、右键选“查看页面源代码”；三、F12打开开发者工具Elements面板查实时DOM；四、地址栏输view-source:协议；五、终端用curl命令获取原始HTML。
如果您在浏览器中打开一个HTML5页面，但无法直接看到其源代码，则可能是由于浏览器未启用开发者工具或快捷键被禁用。以下是查看HTML5页面源代码的多种方法：
一、使用浏览器快捷键查看源代码
大多数现代浏览器支持通过快捷键快速调出页面源代码视图，该方式直接显示原始HTML文本，不经过JavaScript动态渲染。
1、在Windows或Linux系统中，按下
Ctrl + U组合键。
2、在
mac OS系统中，按下Cmd + Option + U组合键。
立即学习“前端免费学习笔记（深入）
”；
3、等待页面源代码在新标签页中以纯文本形式加载完成。
二、通过右键菜单选择“查看页面源代码”
该方法适用于禁用快捷键或快捷键冲突的情况，依赖于浏览器默认上下文菜单功能。
1、在HTML5页面任意空白处单击鼠标右键。
2、在弹出的菜单中找到并点击
“查看页面源代码”
选项（部分浏览器显示为“查看源代码”）。
3、确认新窗口中显示的内容为未经执行的原始HTML5标记文本。
三、使用开发者工具Elements面板查看实时DOM结构
此方法展示的是当前已解析并可能被JavaScript修改后的DOM树，非原始源码，但可辅助验证HTML5语义元素是否被正确识别。
1、按下
F12或Ctrl + Shift + I（Windows/Linux）或Cmd + Option + I（macOS）打开开发者工具。
Comet AI 浏览器下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
2、切换到
“Elements”
标签页。
3、展开左侧层级结构，观察
四、通过地址栏输入view-source协议强制查看原始源码
该方法绕过浏览器菜单和快捷键限制，直接调用内置源码查看器，兼容所有支持view-source URI scheme的浏览器。
1、确保当前页面URL显示在地址栏中。
2、在地址栏最
前端输入view-source:（注意末尾英文冒号）。
3、按回车键，页面将跳转至原始HTML5源码的只读文本视图。
五、使用curl命令行工具获取服务器返回的原始HTML5源码
该方法可排除浏览器渲染层干扰，直接获取HTTP响应体中的原始HTML5内容，适用于调试服务端输出。
1、打开终端（Windows可使用PowerShell或Git Bash）。
2、输入命令：
curl -s "https://example.com/page.html"（将URL替换为目标HTML5页面地址）。