在谷歌浏览器（Google Chrome）中，查看网页源代码有几种非常方便的方法。以下是详细的操作步骤，您可以根据使用习惯和需求选择最适合的一种

通过右键菜单（最常用）

这是最直观和快速的方法。

1. 在您想查看的网页上,点击鼠标右键。
2. 在弹出的菜单中,选择 “查看网页源代码”。

• 页面将在新标签页中打开，显示该页面的原始HTML代码。

使用快捷键（最快）

如果您习惯使用键盘,快捷键是最佳选择。

• 在Windows/Linux系统上，按 Ctrl + U。
• 在macOS系统上,按 Command + Option + U。
• 效果与方法一完全相同。

通过开发者工具（最专业、功能最强）

这是前端开发者最常用的方法,可以查看实时渲染后的DOM结构，并与之交互。

1. 打开开发者工具：
   • 右键点击页面任意位置,选择 “检查”。
   • 或使用快捷键 F12、Ctrl + Shift + I（Windows/Linux）、Command + Option + I（macOS）。
2. 开发者工具窗口会在页面右侧或底部弹出,默认打开的就是 “元素” 面板。
   • 这里显示的代码是浏览器当前渲染的DOM结构，可能与原始HTML不同（因为JavaScript可能已修改了页面）。
   • 你可以点击左上角的箭头图标,然后点击页面上的元素，代码区会自动定位到对应的代码行。
   • 在“元素”面板中，右键点击任何节点，可以进行编辑、删除等操作，修改会实时在页面上体现（仅对本地生效，刷新页面即恢复）。

重要提示与高级功能

• 搜索源码：在“查看网页源代码”页面或开发者工具的“元素”面板中，按 Ctrl + F （或 Command + F）可以调出搜索框，快速查找特定代码或关键词。
• 查看特定框架/iframe的源码：如果页面中包含iframe，您需要先在“元素”面板中找到 <iframe> 标签，然后在其上右键选择 “框架” -> “显示框架源代码”。
• 保存源码：在“查看网页源代码”页面，按 Ctrl + S 可以保存整个HTML文件到本地。
• 查看网络请求的源码：在开发者工具的 “网络” 面板中，刷新页面，可以看到所有加载的资源（HTML、CSS、JS、图片等），点击第一个文档（通常是网页本身），在右侧的“响应”标签页中，也可以看到服务器返回的原始HTML代码。

移动端Chrome查看源码

在安卓或iOS的Chrome应用上,没有直接查看源码的选项，您可以通过以下方式变通实现：

1. 在地址栏的网址前,输入 view-source:。
   • 想查看 https://www.google.com 的源码，就在地址栏输入：view-source:https://www.google.com，然后访问。
2. 或者,使用一些第三方工具或在线服务来分析网页源码。

总结与选择建议

对于大多数普通需求,“右键 -> 查看网页源代码”或按 Ctrl+U 就足够了，如果您想深入学习网页技术或进行调试，掌握开发者工具是必不可少的技能。