可通过右键菜单选择“查看网页源代码”在新标签页中直接查看HTML源码；2. 在地址栏输入view-source:后接URL可快速访问源代码；3. 使用F12或Ctrl+Shift+I打开开发者工具，检视实时DOM结构；4. 通过浏览器菜单进入“更多工具”-“开发者工具”，在Elements或Sources面板查看页面源码。
如果您在浏览网页时需要查看其底层结构或调试页面元素，可以通过Edge浏览器快速访问网页源代码。掌握不同的查看方式有助于更高效地分析网页内容。
本文运行环境：Surface Laptop 5，Windows 11。
一、使用右键菜单直接查看源代码
此方法适用于快速查看当前页面的完整HTML源码，无需开启开发者工具。
1、在Edge浏览器中打开目标网页。
2、在页面任意空白区域单击鼠标右键，弹出上下文菜单。
3、从菜单中选择“查看网页源代码”选项。
4、浏览器将新标签页中显示该网页的原始HTML代码。
二、通过地址栏命令打开源代码
利用内置的地址栏指令可以绕过右键操作，直接调用源码视图。
1、在Edge浏览器顶部的地址栏输入view-source:前缀。
2、在前缀后紧接着输入目标网站的完整URL，例如：view-source:https://www.example.com。
3、按下回车键后，页面将直接显示该网址的HTML源代码。
三、使用开发者工具检查实时元素
开发者工具不仅能查看初始源码，还能检视动态生成的DOM结构。
1、打开目标网页后，按下键盘上的F12键，或使用组合键Ctrl + Shift + I。
2、Edge浏览器会弹出开发者工具面板，默认进入“元素（Elements）”选项卡。
3、在左侧树状结构中可展开和折叠HTML节点，实时查看当前页面的DOM结构。
4、点击工具左上角的选择图标（箭头与方框组合），可在页面上直接选取元素进行高亮查看。
四、通过菜单栏进入源代码查看界面
通过浏览器主菜单入口也能快速访问源码功能，适合不熟悉快捷键的用户。
1、点击Edge浏览器右上角的三个水平点（…）打开设置与更多工具菜单。
2、依次选择“更多工具” > “开发者工具”。
3、开发者工具面板启动后，切换至“Sources”或“Elements”标签页即可浏览源码内容。
4、若需查看原始HTML文件，可在“Sources”中找到对应页面的.html文件并点击打开。
