快捷键方式(推荐)
- Windows/Linux:按
Ctrl + U - Mac:按
Command + Option + U
右键菜单
- 在网页任意空白处右键点击
- 选择 "查看网页源代码" 或 "查看页面源代码"
通过菜单栏
- 点击浏览器右上角的 三个点(菜单)
- 选择 "更多工具" → "开发者工具"
- 或直接选择 "查看源代码"
开发者工具查看
- 按
F12或Ctrl + Shift + I(Mac:Command + Option + I) - 在打开的开发者工具中,可以看到:
- Elements 标签:显示当前DOM结构(可交互的源码)
- Sources 标签:显示所有加载的资源文件
地址栏方式
在地址栏中的网址前添加 view-source:,

view-source:https://www.example.com
额外技巧
- 查看特定元素源码:右键点击页面元素,选择 "检查"
- 搜索源码内容:打开源码页面后,按
Ctrl + F进行搜索 - 保持源码更新:开发者工具中右键 → "Open in Sources panel" 可查看实时更新的源码
提示:查看的网页源代码是服务器返回的原始HTML,可能不包含JavaScript动态修改后的内容。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。