可通过五种方法查看网页HTML源代码：一、快捷键（Win/Linux用Ctrl+U，macOS用Cmd+Opt+U）；二、开发者工具Elements面板；三、地址栏输入view-source:前缀；四、安装语法高亮扩展；五、命令行用curl获取。
如果您希望查看某个网站页面的HTML源代码，以便分析其结构、调试前端问题或学习网页设计，则需要通过浏览器内置工具直接获取原始HTML内容。以下是多种可行的操作方法：
一、使用浏览器快捷键快速查看源代码
现代主流浏览器均支持通过快捷键直接打开当前页面的HTML源代码视图，该方式无需安装插件，响应迅速且显示完整原始HTML。
1、在Windows或Linux系统中，按下 Ctrl + U 组合键。
2、在macOS系统中，按下 Command + Option + U 组合键。
立即学习“前端免费学习笔记（深入）”；
3、浏览器将立即在新标签页中打开纯文本格式的HTML源代码，可滚动浏览、复制任意片段。
二、通过浏览器开发者工具查看HTML结构
开发者工具不仅展示HTML源码，还提供实时渲染树（DOM）、样式关联及交互式高亮功能，适用于动态页面或需分析JavaScript生成内容的场景。
1、在页面任意位置右键，选择 “检查” 或 “检查元素”。
2、若右键菜单无此选项，可按下 F12 或 Ctrl + Shift + I（Windows/Linux） / Command + Option + I（macOS）打开开发者工具。
3、点击顶部标签栏中的 “Elements” 选项卡，即可看到解析后的HTML结构，支持展开/折叠节点、实时编辑与高亮对应页面区域。
三、使用浏览器地址栏命令直接访问源码
部分浏览器（如Chrome、Edge）支持在地址栏输入特定协议前缀，强制以源代码形式加载当前页面，绕过渲染引擎直接输出原始HTML。
1、确保当前已打开目标网站页面。
基于慧博CMS商城系统的修改，部分BUG已修正，并优化了页面和字体，新添加产品导航，方便客户查找自己想要的产品，本系统为永久免费系统，界面为绿色，如果你想修改成其他颜色，请自己参照代码进行修改，谢谢。后台地址：你的网站地址/admin支持文件夹和二级域名用户名和密码admin
2、在浏览器地址栏中，将网址前缀由 https:// 或 http:// 替换为 view-source:，例如将 https://example.com 改为 view-source:https://example.com。
3、按回车键执行，页面将以纯文本形式显示服务器返回的原始HTML源代码，不执行任何脚本或样式。
四、借助浏览器扩展程序增强源码查看能力
某些扩展可在原生功能基础上增加语法高亮、一键复制、格式化、对比差异等功能，提升阅读与分析效率。
1、访问Chrome网上应用店或Edge加载项中心，搜索关键词 “View Source” 或 “HTML Viewer”。
2、选择评分较高、更新频繁的扩展（如 “View Source With Syntax Highlighting”），点击 “添加至Chrome” 完成安装。
3、刷新目标网页后，点击浏览器右上角扩展图标，选择对应功能，即可在新面板中以彩色语法高亮形式查看HTML源码。
五、使用命令行工具远程获取HTML源代码
适用于自动化脚本、批量抓取或无法使用图形界面的服务器环境，通过HTTP请求直接获取服务器返回的原始HTML响应体。
1、打开终端（macOS/Linux）或命令提示符/PowerShell（Windows）。
2、输入命令 curl -s https://example.com，其中 -s 参数表示静默模式，避免显示进度信息。
3、如需保存结果到本地文件，追加重定向操作： curl -s https://example.com > page.html。
