查看网站的HTML源代码是前端开发、网站运营、内容核查等场景下的常见需求，不同设备和浏览器提供了多种对应的操作方式，用户可以根据自身使用的环境选择合适的方法。
桌面端浏览器通用查看方法
方法一：右键查看网页源代码
这是最基础的操作方式，适用于所有主流桌面浏览器。在目标网页的任意空白处点击鼠标右键，在弹出的菜单中选择查看网页源代码或者查看源代码选项，浏览器会新开一个标签页展示当前页面的完整HTML代码，包含所有的标签、属性和内联样式内容。
如果需要快速搜索特定的HTML标签或者内容，可以按下Ctrl+F（Windows系统）或者Command+F（Mac系统）调出搜索框，输入关键词即可定位对应内容。
方法二：使用浏览器开发者工具
开发者工具不仅能查看HTML，还能实时修改和调试代码，是前端开发者的常用工具。操作步骤如下：
- 在网页空白处右键，选择
检查或者审查元素选项，也可以直接按下F12快捷键调出开发者工具 - 开发者工具默认会定位到当前鼠标悬停位置的对应HTML元素，在
Elements（元素）面板中可以看到完整的DOM树结构 - 点击面板左上角的箭头图标，再点击页面上的任意元素，就能快速定位到该元素对应的HTML代码
开发者工具中的HTML代码是实时渲染后的结构，会包含JavaScript动态生成的内容，和直接查看源代码得到的结果可能存在差异。
方法三：地址栏快捷指令
在浏览器地址栏输入view-source:加上目标网站的URL，即可直接查看该页面的源代码，例如查看百度首页的源代码可以输入：
view-source:https://www.baidu.com
这种方式不需要任何右键操作，适合快速查看页面原始HTML内容。
移动端查看HTML的方法
移动端浏览器默认不提供直接的查看源代码入口，可通过以下方式实现：
- 使用支持开发者模式的移动端浏览器，比如Chrome移动版，在设置中开启
开发者选项，之后可以通过远程调试的方式在电脑端查看移动端页面的HTML结构 - 在移动端浏览器的地址栏输入
javascript:alert(document.documentElement.innerHTML)，部分浏览器会弹出当前页面的完整HTML内容，不过很多现代浏览器出于安全考虑会禁用该操作 - 将移动端浏览器的UA标识切换为桌面端，之后就可以使用桌面端的右键查看源代码操作
查看HTML后的基础分析技巧
拿到HTML代码后，可以通过以下方式快速梳理结构：
- 关注
<head>标签内的内容，这里包含页面的标题、字符编码、引入的CSS和JavaScript文件等信息 - 梳理
<body>标签内的层级结构，通过缩进判断标签的嵌套关系，定位目标内容所在的容器 - 查看标签的
class和id属性，这些属性通常和CSS样式、JavaScript交互逻辑关联，能帮助理解页面的功能实现
注意事项
查看他人网站的HTML源代码仅可用于学习、调试等合法用途，不得用于抄袭、盗用他人代码、侵犯知识产权等违规行为，同时不要随意修改他人网站的代码，避免造成不必要的纠纷。
如果只需要查看某个特定元素的HTML，优先使用开发者工具的元素选择功能，比查看完整源代码效率更高。另外动态加载的内容不会出现在初始源代码中，需要通过开发者工具的Network面板查看对应的请求返回内容。