1、按Ctrl+U可查看网页原始HTML源码;2、右键选择“查看网页源代码”功能相同;3、使用“检查”或Ctrl+Shift+I打开开发者工具查看实时DOM结构。

如果您需要分析网页的结构或查找特定元素,但无法直接获取其原始代码,则可以通过浏览器内置功能来查看。以下是几种在谷歌浏览器中查看网页源代码的方法:
本文运行环境:Dell XPS 13,Windows 11
一、使用快捷键直接查看源代码
此方法适用于快速查看网页加载时的原始HTML源码,不包含后续由JavaScript动态生成的内容。
1、打开目标网页后,同时按下键盘上的 Ctrl + U 快捷键。
2、浏览器会新开一个标签页,显示当前页面的完整HTML源代码。
3、您可以在新标签页中使用 Ctrl + F 搜索功能查找特定内容。
二、通过右键菜单查看网页源代码
该方式与快捷键功能相同,均用于获取服务器返回的原始HTML文档。
1、在网页任意空白区域点击鼠标右键。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
2、从弹出的上下文菜单中选择 “查看网页源代码” 选项。
3、系统将打开一个新的标签页展示该网页的原始HTML代码。
三、使用开发者工具查看实时页面结构
开发者工具展示的是经过浏览器解析和JavaScript修改后的DOM树,适合调试和分析动态内容。
1、在网页上右键单击,选择 “检查” 或 “检查元素”。
2、也可使用快捷键 Ctrl + Shift + I 打开开发者工具面板。
3、默认进入“Elements”标签页,左侧显示当前页面的实时HTML结构。
4、可展开或折叠节点,查看具体元素的属性与嵌套关系。


















