可使用四种方法查看HTML源代码：一、Ctrl+U/Cmd+U快捷键打开原始HTML；二、右键选“查看网页源代码”；三、F12打开开发者工具在“元素”标签查看实时DOM；四、地址栏输入view-source://+URL查看高亮源码。

如果您在使用谷歌浏览器浏览网页时，需要查看当前页面的HTML源代码，则可以通过内置的开发者工具或快捷方式快速获取。以下是几种常用且有效的方法：

一、使用快捷键直接查看源代码

该方法可直接打开网页原始HTML文件，显示未经JavaScript动态修改的初始源码，适用于快速审查页面结构和静态内容。

1、确保当前标签页为需要查看源码的目标网页。

2、按下键盘组合键 Ctrl+U（Windows/Linux）或 Cmd+U（macOS）。

3、浏览器将新打开一个标签页，显示纯文本格式的HTML源代码。

二、通过右键菜单访问“查看网页源代码”

该方式与快捷键功能一致，调用的是同一底层命令，适合不熟悉快捷键的用户，操作直观且无需记忆组合键。

1、在目标网页任意空白区域点击鼠标右键。

2、在弹出的上下文菜单中，选择 “查看网页源代码” 选项。

3、新标签页中即显示该页面的原始HTML源文件。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

三、使用开发者工具查看实时渲染后的DOM结构

此方法展示的是经过浏览器解析、执行脚本及CSS后生成的当前实际DOM树，包含动态插入或修改的节点，与原始源码可能不同。

1、在目标网页按 F12 或 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（macOS） 打开开发者工具。

2、点击顶部标签栏中的 “元素”（Elements） 选项卡。

3、此时左侧面板显示的是实时更新的HTML DOM树，支持展开/折叠、搜索节点、临时编辑等操作。

四、通过地址栏输入chrome://view-source/协议查看源码

该方式利用Chrome内置的view-source协议强制以源码模式加载页面，适用于无法通过右键或快捷键触发的特殊场景（如部分嵌入式iframe页面）。

1、复制当前网页的完整URL地址。

2、在地址栏中输入 view-source:// 后紧接粘贴该URL（例如：view-source://https://example.com）。

3、按回车键，浏览器将以高亮语法形式显示源代码，并支持搜索与滚动。