应根据分析目标选择原始html或实时dom：快捷键ctrl+u/command+u、右键“查看网页源代码”、地址栏输入view-source:及网络面板document响应均获取原始html；开发者工具elements面板展示实时dom结构。
如果您在使用谷歌浏览器浏览网页时需要获取当前页面的HTML源代码，但不确定应调用原始HTML还是实时DOM结构，则需根据具体分析目标选择对应路径。以下是多种查看网页源代码的操作方法：
一、使用快捷键直接查看原始HTML源代码
该方式通过系统级快捷键触发Chrome内置的view-source协议，直接加载服务器返回的未经JavaScript修改的初始HTML文档，适用于验证后端输出、SEO结构或静态内容审查。
1、确保Chrome中已打开目标网页且页面完全加载。
2、按下Ctrl + U（Windows/Linux）或Command + U（macOS）。
3、浏览器将新开一个标签页，以纯文本形式显示原始HTML，支持复制、查找，但不执行脚本或渲染样式。
二、通过右键菜单访问“查看网页源代码”
此路径与快捷键功能完全一致，底层调用同一view-source协议，适合鼠标操作优先、快捷键记忆困难或键盘布局受限的用户。
1、在网页任意空白区域点击鼠标右键。
2、从上下文菜单中选择查看网页源代码（注意区分于“检查”选项）。
3、新标签页自动打开，URL前缀为view-source:，内容为只读原始HTML。
三、使用开发者工具查看实时渲染后的DOM结构
Elements面板展示的是浏览器解析HTML、应用CSS、执行JavaScript后生成的最终DOM树，反映用户实际看到的页面状态，适用于调试动态内容、事件绑定及样式覆盖问题。
1、在目标网页按下F12 或 Ctrl + Shift + I（Windows/Linux）或 Command + Option + I（macOS）打开开发者工具。
2、确认顶部标签栏中已选中元素（Elements）选项卡。
3、左侧树状结构即为实时DOM，支持展开节点、悬停高亮对应页面区域、双击编辑属性值、右键删除或复制节点。
四、利用地址栏输入view-source协议强制查看源码
该方法绕过图形界面交互，直接向浏览器发送协议指令，适用于快捷键失效、iframe嵌套页无法右键、或需脚本化复现的场景。
1、保持目标网页标签页处于激活状态。
2、点击地址栏，将光标置于当前URL最前端。
3、输入view-source:（含英文冒号），随后按回车键。
4、页面立即切换为原始HTML视图，语法无高亮，但可全文搜索与滚动浏览。
五、通过开发者工具“网络”面板提取document响应内容
当需确认服务器返回的初始HTML是否含特定标签、注释或字符编码信息时，可从网络请求中直接提取未执行脚本前的原始响应体，保留HTTP头中的原始元数据。
1、按F12打开开发者工具，切换至网络（Network）面板。
2、刷新当前页面，列表中将出现首个请求，其名称通常为页面文件名或index.html，类型为document。
3、单击该请求，在右侧选择响应（Response）标签页，即可查看服务器返回的原始HTML字符串。
