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源代码。
三、使用开发者工具检查实时元素
开发者工具展示的是经过浏览器解析和JavaScript执行后当前页面的最终DOM结构，对于调试和分析动态内容非常有效。
1、在Chrome中打开目标网页。
2、按下F12或Ctrl+Shift+I（Mac用户为Command+Option+I）打开开发者工具。
3、或者，右键点击网页空白处，选择“检查”来直接打开开发者工具。
4、确保顶部的标签页选中了“Elements”（元素），此时面板中显示的就是当前页面的实时HTML结构。
四、查看特定部分的源代码
当您只对网页的某个特定区域（如一段文字、一张图片或一个按钮）感兴趣时，可以快速定位到该元素的代码。
1、在Chrome中打开目标网页。
2、用鼠标左键选中您想查看的网页内容。
3、在被选中的内容上点击鼠标右键。
4、从菜单中选择“检查”选项。
5、开发者工具会自动打开，并高亮显示所选内容对应的HTML代码行。
