可通过浏览器开发者工具、HTTP请求（如Python requests）、curl命令、HTML解析提取资源链接、控制台执行JavaScript五种方法获取网站HTML结构与资源。
如果您希望查看某个网站的HTML源代码或提取其页面结构与相关资源，可以通过多种技术手段实现。以下是获取网站HTML结构与资源的具体方法：
一、使用浏览器开发者工具查看HTML源码
现代浏览器内置的开发者工具可直接展示当前页面的完整HTML结构，并支持实时高亮、搜索与复制操作。
1、在Chrome、Edge或Firefox中打开目标网站。
2、右键网页任意空白处，选择“检查”或按快捷键Ctrl+Shift+I（Windows）/Cmd+Option+I（Mac）。
立即学习“前端免费学习笔记（深入）”；
3、在弹出的开发者工具窗口中，切换到“Elements”标签页。
4、展开DOM树，右键所需节点，选择“Copy” → “Copy outerHTML”以获取该元素及其子元素的HTML代码。
二、通过HTTP请求获取原始HTML响应
绕过浏览器渲染层，直接向服务器发起GET请求，可获得未经JavaScript动态修改的原始HTML文本。
1、安装Python并确保已安装requests库（执行pip install requests）。
2、运行以下代码：
import requests
response = requests.get("https://example.com")
response.encoding = response.apparent_encoding
print(response.text)
3、将输出内容保存为.html文件，用文本编辑器或浏览器打开即可查看原始结构。
三、使用curl命令行工具抓取HTML
在终端或命令提示符中调用curl可快速获取目标URL返回的HTML源码，适用于批量或脚本化操作。
1、打开终端（macOS/Linux）或命令提示符（Windows）。
2、输入命令：curl -s https://example.com。
3、如需保存到本地文件，追加参数：-o page.html。
4、执行后检查生成的page.html是否包含完整HTML结构及基础资源路径（如link、script、img标签中的href/src值）。
四、提取页面内嵌资源链接
HTML文档中包含大量外部资源引用，解析这些标签可定位CSS、JS、图片等实际加载地址。
1、获取原始HTML后，使用正则表达式或解析库（如Python的BeautifulSoup）匹配所有src和href属性值。
2、筛选出以http://、https://、//、/开头的链接，排除javascript:、#等伪协议。
3、对相对路径链接进行补全：若HTML中存在base标签，以其href值为基准；否则以页面URL根路径为基准拼接。
4、逐个验证提取出的资源URL是否可访问，例如用requests.head()检测HTTP状态码是否为200。
五、利用浏览器控制台执行JavaScript提取结构
当页面依赖JavaScript动态生成DOM时，开发者工具的Elements面板显示的是最终渲染结果，可通过控制台脚本导出当前完整结构。
1、在开发者工具中切换至“Console”标签页。
2、输入并执行：document.documentElement.outerHTML。
3、右键输出结果，选择“Store as global variable”，生成临时变量（如temp1）。
4、再次输入copy(temp1)，将完整HTML字符串复制到剪贴板。
