1、通过快捷键Ctrl+U或Command+U可快速查看网页原始HTML源码；2、右键选择“查看页面源代码”以图形化方式查看；3、使用开发者工具检查动态内容，支持实时编辑与调试；4、移动版Chrome可通过在地址前添加view-source:查看源代码。
如果您想了解当前网页的构成，查看其底层的HTML代码是一个直接的方法。通过谷歌浏览器，您可以轻松访问这些信息，以检查元素、调试或学习网页设计。
本文运行环境：iPhone 15 Pro，iOS 18
一、使用快捷键快速查看源代码
此方法适用于只想查看网页原始HTML源码的用户，操作最为快捷。
1、打开目标网页后，同时按下键盘上的 Ctrl 和 U 键（Windows/Linux）或 Command 和 U 键（Mac）。
2、浏览器将新开一个标签页，显示该网页未经修改的原始HTML源代码。
二、通过右键菜单查看页面源代码
这是一种无需记忆快捷键的图形化操作方式，适合所有用户。
1、在网页的任意空白区域，点击鼠标右键（或触控板双指点击）。
2、从弹出的上下文菜单中选择“查看页面源代码”选项。
3、新标签页中将加载并展示该网页的完整HTML源码。
三、利用开发者工具检查动态内容
开发者工具不仅能查看源码，还能实时检视和修改网页元素，适合需要深入分析的场景。
1、在网页上右键单击，选择“检查”选项。
2、或者，按下 F12 或 Ctrl+Shift+I（Windows/Linux）、Command+Option+I（Mac） 打开开发者工具面板。
3、在工具顶部的标签中确认已选中“Elements”（元素）选项卡，此处显示的是当前页面最终渲染的HTML结构，可能包含JavaScript动态生成的内容。
四、在移动版Chrome浏览器中查看源代码
安卓或iOS设备上的Chrome应用虽不直接支持桌面端功能，但可通过特定指令实现。
1、在移动设备的Chrome浏览器中，确保位于目标网页。
2、点击地址栏，将光标移至网址最前端，并输入 view-source:（注意冒号不能省略）。
3、重新加载页面，浏览器将显示该网页的HTML源代码。
