可使用四种方法查看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源文件。
三、使用开发者工具查看实时渲染后的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、按回车键，浏览器将以高亮语法形式显示源代码，并支持搜索与滚动。
