应使用开发者工具elements面板复制outerhtml：按f12→切elements→右键→copy outerhtml，再粘贴保存为utf-8编码的.html文件，才能获取javascript动态渲染后的完整新闻内容。
直接保存新闻网页的HTML源码，不能只复制“查看页面源代码”里的内容——很多新闻页面靠JavaScript动态加载正文、图片和广告，原始源码里压根没有你看到的那些文字和结构。
用 Elements 面板复制 outerHTML 才能拿到真实渲染后的 HTML
浏览器按 F12 打开开发者工具，切到 Elements 标签页，右键最外层的 节点，选 Copy → Copy outerHTML。这一步拿到的是 JS 执行完、DOM 完全生成后的最终 HTML，包括新闻标题、正文段落、作者信息等实际可见内容。
- 别用“查看页面源代码”（
Ctrl+U），它只返回服务器最初吐出的骨架，常为空白<div id="app"></div> - 如果页面有懒加载图片，滚动到底部再复制，确保所有
<img>标签已插入 DOM - 复制后粘贴进编辑器，检查是否有大量内联样式或 base64 图片——这些会增大文件体积，但能保证离线可读
保存时必须设为 UTF-8 编码，否则中文标题变乱码
用记事本、VS Code 或 Sublime Text 保存时，编码选项必须选 UTF-8（不是 UTF-8 with BOM，也不是系统默认的 ANSI）。新闻稿里常含中文标点、作者名、特殊符号，ANSI 编码一保存就变成 ???? 或方块。
- VS Code 默认就是 UTF-8，但保存前仍要确认右下角状态栏显示的是
UTF-8，不是GBK - 记事本里“另存为”对话框底部有“编码”下拉菜单，手动选
UTF-8，别信默认值 - 文件名本身也别用中文，比如
news-20260826.html比今日新闻.html更稳妥，避免某些旧系统解析失败
资源路径不处理，双击打开就丢样式和图片
直接复制 outerHTML 保存的 HTML 文件，里面 <link href="/css/main.css"> 或 <img src="//img.example.com/1.jpg"> 这类路径在本地双击打开时全部 404——因为浏览器用 file:// 协议加载，不走 HTTP，相对路径失效，跨域图片也拦掉。
- 简单做法：把所有
src和href改成绝对 URL（如https://example.com/css/main.css），联网时能加载，但离线就白搭 - 靠谱做法：下载 CSS/JS/图片到本地同级目录，把路径全改成相对路径，例如
./css/main.css、./images/thumb.jpg - 偷懒但有效：用浏览器“另存为”→“网页，全部”，它会自动生成一个
xxx_files文件夹，把资源全抓下来并改好路径——适合单页快速归档
真正难的不是保存动作本身，而是判断哪些内容是新闻主体、哪些是广告或推荐栏；Elements 里看着像正文的节点，可能被 JS 动态替换了三次。多看几眼 outerHTML 里 class 名和结构层级，比盲目复制更省时间。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
