常用方法(推荐)
右键菜单查看
- 在网页空白处或任意位置 右键点击
- 选择 “查看网页源代码”
快捷键查看
- Windows/Linux:按
Ctrl + U - Mac:按
⌘ Command + Option + U
其他实用方法
开发者工具查看(可交互)
- 按
F12或Ctrl + Shift + I(Mac:⌘ Command + Option + I) - 打开开发者工具后,默认显示的是可实时编辑的源码
- 切换到 Elements 标签页查看DOM结构
地址栏快速查看
- 在地址栏网址前添加
view-source: - 示例:
view-source:https://www.example.com
移动端查看方法
手机版Chrome
- 在地址栏输入网址
- 在网址前加上
view-source: - 或安装开发者工具类扩展
进阶技巧
- 搜索源码:打开源码页面后按
Ctrl + F搜索关键词 - 格式化代码:查看压缩过的代码时,可点击左下角 格式化按钮
- 保存源码:按
Ctrl + S保存到本地
注意事项
- 查看的是服务器发送的原始代码,不包含JavaScript动态修改的内容
- 要查看实时DOM变化,请使用开发者工具的Elements面板
- 某些网站可能禁用右键查看功能,这时可使用快捷键或地址栏方法
这些方法也适用于基于Chromium内核的其他浏览器(如Edge、Opera等)。

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。