1. 使用开发者工具提取静态元素
- 按`Ctrl+Shift+I`打开开发者工具→选择“Elements”面板→鼠标悬停在网页内容上→对应HTML代码高亮显示（如图片的img标签）。
- 直接复制：右键点击目标元素→选择“Copy”→“Copy element”→将完整标签（如div class="header"）粘贴到文本编辑器保存。
2. 抓取动态生成的内容
- 在开发者工具中切换到“Network”面板→刷新页面→筛选出XHR请求（如API接口）→右键点击响应数据→选择“Copy response”→获取JSON格式的动态数据（如商品价格信息）。
- 脚本辅助：在控制台输入`fetch('https://example.com/api').then(res=>res.json())`→强制获取动态资源（需替换实际API地址）。
3. 批量下载图片和媒体文件
- 在“Network”面板过滤出“Img”或“Media”类型→右键点击条目→选择“Open in new tab”→手动保存多个文件（适合少量资源）。
- 自动化下载：安装“Image Assistance”扩展→点击网页图片库→一键批量下载并保存为ZIP压缩包。
4. 提取并运行JavaScript代码
- 在“Elements”面板找到``标签→右键复制内容→粘贴到本地HTML文件→通过button onclick="function()"调用函数（如提取评论点赞数的脚本）。
- 书签脚本：将`javascript：alert(document.title);`添加至书签栏→点击书签直接执行代码（可修改为提取特定元素）。
5. 保存网页样式表和字体文件
- 在“Network”面板过滤“Css”资源→右键点击样式表→选择“Save as”→单独保存`.css`文件用于分析网页设计（如电商网站的颜色配置）。
- 字体提取：通过“Fonts”筛选器找到`.woff2`文件→下载后安装到系统→实现网页字体本地化（适合设计类工作）。