1、按Ctrl+U可查看网页原始HTML源码;2、右键选择“查看网页源代码”功能相同;3、使用“检查”或Ctrl+Shift+I打开开发者工具查看实时DOM结构。

如果您需要分析网页的结构或查找特定元素,但无法直接获取其原始代码,则可以通过浏览器内置功能来查看。以下是几种在谷歌浏览器中查看网页源代码的方法:
本文运行环境:Dell XPS 13,Windows 11
一、使用快捷键直接查看源代码
此方法适用于快速查看网页加载时的原始HTML源码,不包含后续由JavaScript动态生成的内容。
1、打开目标网页后,同时按下键盘上的 Ctrl + U 快捷键。
2、浏览器会新开一个标签页,显示当前页面的完整HTML源代码。
3、您可以在新标签页中使用 Ctrl + F 搜索功能查找特定内容。
二、通过右键菜单查看网页源代码
该方式与快捷键功能相同,均用于获取服务器返回的原始HTML文档。
1、在网页任意空白区域点击鼠标右键。
2、从弹出的上下文菜单中选择 “查看网页源代码” 选项。
3、系统将打开一个新的标签页展示该网页的原始HTML代码。
三、使用开发者工具查看实时页面结构
开发者工具展示的是经过浏览器解析和JavaScript修改后的DOM树,适合调试和分析动态内容。
1、在网页上右键单击,选择 “检查” 或 “检查元素”。
2、也可使用快捷键 Ctrl + Shift + I 打开开发者工具面板。
3、默认进入“Elements”标签页,左侧显示当前页面的实时HTML结构。
4、可展开或折叠节点,查看具体元素的属性与嵌套关系。











