网页源代码查看有五种方法：一是快捷键（Win/Linux用Ctrl+U，macOS用Cmd+Opt+U）；二是右键“查看源文件”；三是地址栏前加view-source:协议；四是F12打开开发者工具选Elements；五是右键目标元素选“审查元素”。
一、使用快捷键直接查看网页源代码
快捷键方式是最快捷、最通用的源代码访问手段，无需鼠标操作，适用于所有已加载完成的网页。该方法直接调出原始HTML文档，内容未经JavaScript动态修改，保留服务器返回的初始结构。
1、确保当前标签页已完全加载目标网页。
2、在Windows或Linux系统中，按下 Ctrl + U 组合键。
3、在macOS系统中，按下 Command + Option + U 组合键。
4、浏览器将自动在新标签页中以纯文本形式显示完整的HTML源代码。
二、通过右键菜单调出源文件
当快捷键被系统拦截或用户偏好可视化操作路径时，右键菜单提供直观、零记忆负担的访问入口。此方式直接触发浏览器原生“查看源文件”逻辑，与快捷键效果一致。
1、在网页任意空白区域单击鼠标右键。
2、在弹出的上下文菜单中，找到并点击 “查看源文件” 选项（百度浏览器中该文字固定为中文，无英文变体）。
3、新标签页立即打开，呈现未经渲染的原始HTML文本流。
三、利用地址栏协议前缀强制解析源码
该方法绕过菜单与快捷键层，直接向浏览器内核发送指令，强制以view-source协议加载当前页面。其优势在于可复制粘贴复用，且不依赖界面交互状态。
1、确认当前页面URL已完整显示在地址栏中，且页面处于就绪状态。
2、将地址栏光标移至开头，在现有网址前插入 view-source:（注意冒号为英文半角，无空格）。
3、例如原网址为 https://www.baidu.com，则修改为 view-source:https://www.baidu.com。
4、按回车键执行跳转，浏览器即刻展示该URL对应的原始HTML源代码。
四、通过开发者工具审查实时DOM元素
开发者工具提供的是浏览器解析并执行脚本后生成的当前DOM树，反映页面实际渲染结构，适合定位元素、调试样式及查看动态注入内容。它不是原始源码，但对前端分析更具实操价值。
1、在网页任意位置按下 F12 键，或使用组合键 Ctrl + Shift + I（Windows/Linux）/Command + Option + I（macOS）。
2、工具面板弹出后，点击顶部选项卡中的 “Elements” 标签页。
3、左侧显示层级化DOM结构，右侧同步呈现选中节点的计算样式、盒模型与事件监听器。
4、若需在DOM中快速定位某元素，可点击左上角 “选择元素”图标（箭头十字），再将鼠标移至页面对应区域单击。
五、从右键菜单进入元素审查模式
该方式专为快速聚焦单个可视元素设计，省去打开完整开发者工具面板的步骤，特别适合临时检查按钮、图片或表单字段的HTML属性与CSS规则。
1、将鼠标悬停于目标网页元素（如导航栏链接、搜索框）上。
2、在该元素上方单击右键，弹出上下文菜单。
3、在菜单中点击 “审查元素”（百度浏览器中此项名称固定，不写作“检查”或“Inspect”）。
4、开发者工具自动展开，“Elements”面板高亮显示该元素对应节点，并同步滚动至其在DOM树中的位置。
