可通过四种方法查看网页html源代码：一、右键“检查”或快捷键ctrl+shift+i（mac为cmd+opt+i）打开开发者工具并切换到elements面板；二、地址栏前加chrome://view-source:前缀查看原始html；三、右键选择“查看网页源代码”在新标签页打开只读源码；四、用ctrl+shift+p（mac为cmd+shift+p）调出命令菜单，输入view source后执行。
如果您在使用谷歌浏览器访问网页时，需要查看当前页面的HTML源代码，可以通过内置的开发者工具快速实现。以下是几种常用且有效的方法：
一、使用快捷键打开开发者工具并切换到元素面板
该方法通过键盘组合键直接唤起开发者工具，默认定位在“Elements”（元素）面板，可实时查看和编辑当前网页的HTML结构。
1、在网页任意位置右键，选择检查选项。
2、或按下快捷键：Windows/Linux：Ctrl + Shift + I；Mac：Command + Option + I。
3、打开后，确认顶部标签栏中已选中Elements选项卡。
二、通过地址栏输入chrome://view-source/前缀查看原始HTML
此方式不依赖开发者工具，直接跳转至只读的纯文本源码视图，显示未经渲染的原始HTML内容，适合快速查阅未执行JS前的初始代码。
1、在当前网页地址栏中，将光标移至URL最前端。
2、在现有网址前插入chrome://view-source:（注意末尾冒号不可省略）。
3、按回车键，页面将刷新为纯文本格式的源代码页面。
三、右键菜单直接选择“查看网页源代码”
该方式调用浏览器原生的源码查看器，以新标签页形式打开完整HTML文件，支持搜索与复制，但无法实时反映DOM动态变化。
1、在网页空白区域右键单击，弹出上下文菜单。
2、从菜单中选择查看网页源代码（部分语言版本可能显示为“View page source”）。
3、新标签页将加载完整的HTML源文件，顶部显示view-source:前缀。
四、使用命令菜单快速跳转至源码视图
Chrome的命令菜单提供统一入口，可模糊匹配并执行各类开发操作，适合熟悉快捷键习惯的用户高效调用。
1、确保焦点处于网页内，按下快捷键：Windows/Linux：Ctrl + Shift + P；Mac：Command + Shift + P。
2、在弹出的命令输入框中，键入view source。
3、从下拉列表中选择View Source并按回车。
