在谷歌浏览器（Google Chrome）中查看网页源码有以下几种常用方法

快捷键方式（最快捷）

• Windows/Linux：按 Ctrl + U
• Mac：按 Command + Option + U

右键菜单方式

1. 在网页空白处 右键单击
2. 选择 “查看网页源代码” 或 “查看源代码”

开发者工具方式（功能更强大）

1. 打开开发者工具：

   

   • 快捷键：F12 或 Ctrl + Shift + I（Windows/Linux）/ Command + Option + I（Mac）
   • 右键菜单 → “检查”

2. 在开发者工具中：

   • 默认显示的是经过浏览器处理的 实时DOM结构
   • 要查看原始HTML,可以切换到 “源代码”（Sources） 标签页
   • 或直接在 “元素”（Elements） 标签页中查看和编辑DOM

地址栏方式

在地址栏中输入以下命令后按回车：

view-source:网页URL

view-source:https://www.example.com

菜单栏方式（如果显示菜单栏）

1. 点击浏览器右上角的 三个点（菜单图标）
2. 选择 “更多工具”
3. 选择 “开发者工具”
4. 或直接选择 “查看源代码”（部分版本）

实用小技巧

• 搜索源码：打开源代码页面后，按 Ctrl + F 可搜索特定内容
• 格式化代码：对于压缩过的代码，可点击左下角的 （美化）按钮进行格式化
• 实时编辑：在“元素”标签页中，可以双击代码进行实时编辑和测试

区别说明

• “查看源代码”：显示服务器返回的原始HTML代码
• “检查”元素：显示浏览器渲染后的DOM结构（可能已被JavaScript修改）

选择哪种方式取决于你的需求：如果只是想查看原始HTML，用前两种方法；如果需要调试或查看动态修改的内容，用开发者工具。