1、按Ctrl+U可查看网页原始HTML源代码；2、右键选择“查看页面源代码”同样获取初始HTML；3、使用F12或“检查”打开开发者工具，可查看经JS渲染后的实时DOM结构；4、选中特定内容后右键“检查”，能快速定位对应HTML代码。

如果您需要分析网页的结构或查找特定元素，直接查看其HTML源代码是最直接的方法。以下是几种在Chrome浏览器中实现此操作的有效途径：

本文运行环境：Dell XPS 13，Windows 11

一、使用快捷键查看原始源代码

此方法直接加载网页的初始HTML文档，不包含后续JavaScript动态修改的内容，适用于获取服务器发送的最原始代码。

1、打开Google Chrome浏览器并访问您想要查看的网页。

2、按下键盘上的Ctrl+U组合键（Mac用户为Command+Option+U）。

3、浏览器将新开一个标签页，显示该网页未经渲染的纯HTML源代码。

二、通过右键菜单查看原始源代码

这是一种无需记忆快捷键的图形化操作方式，同样能获取到网页的原始HTML文件内容。

1、在Chrome中打开目标网页。

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

3、从弹出的上下文菜单中选择“查看页面源代码”选项。

4、新标签页中将显示该网页的原始HTML源代码。

Handsfree Windows Control

通过 handsfree-windows CLI控制 Windows 本机应用 (UIA) 和浏览器 (Playwright) 的引导技能，用于自动化或测试桌面应用。

下载

三、使用开发者工具检查实时元素

开发者工具展示的是经过浏览器解析和JavaScript执行后当前页面的最终DOM结构，对于调试和分析动态内容非常有效。

1、在Chrome中打开目标网页。

2、按下F12或Ctrl+Shift+I（Mac用户为Command+Option+I）打开开发者工具。

3、或者，右键点击网页空白处，选择“检查”来直接打开开发者工具。

4、确保顶部的标签页选中了“Elements”（元素），此时面板中显示的就是当前页面的实时HTML结构。

四、查看特定部分的源代码

当您只对网页的某个特定区域（如一段文字、一张图片或一个按钮）感兴趣时，可以快速定位到该元素的代码。

1、在Chrome中打开目标网页。

2、用鼠标左键选中您想查看的网页内容。

3、在被选中的内容上点击鼠标右键。

4、从菜单中选择“检查”选项。

5、开发者工具会自动打开，并高亮显示所选内容对应的HTML代码行。