要将‌HTML运行的内容保存成文档‌，最直接的方法是‌使用浏览器自带的打印功能（Ctrl+P）另存为PDF‌，或通过‌开发者工具（F12）复制HTML代码‌后保存为.html文件。还可借助‌JavaScript代码自动生成文件‌或‌第三方工具批量导出‌，具体方法如下：

1. ‌浏览器打印保存为PDF‌

   • 在HTML页面按Ctrl+P（Windows）或Command+P（Mac），选择目标打印机为“另存为PDF”，调整页边距和布局后保存。
   • 优点：保留页面样式，支持图文混排；缺点：动态内容（如动画）可能失效。

2. ‌复制HTML源码手动保存‌

   • 右键页面选择“查看页面源代码”或按F12打开开发者工具，复制全部HTML代码，粘贴到文本编辑器中保存为.html文件。
   • 适用场景：需二次编辑代码或保留完整结构，但需手动处理外部资源（如图片、CSS）。

3. ‌JavaScript自动生成文件‌

   • 通过Blob对象和URL.createObjectURL()将HTML内容转为可下载文件：

     javascriptCopy Code
     const htmlContent = document.documentElement.outerHTML;
     const blob = new Blob([htmlContent], { type: 'text/html' });
     const link = document.createElement('a');
     link.href = URL.createObjectURL(blob);
     link.download = 'page.html';
     link.click();
     

   • 优势：一键导出；注意：跨域限制可能导致部分资源缺失。

4. ‌使用第三方工具或插件‌

   • 工具如Puppeteer（Node.js库）可批量抓取并保存HTML页面为PDF或图片：

     javascriptCopy Code
     const puppeteer = require('puppeteer');
     (async () => {
       const browser = await puppeteer.launch();
       const page = await browser.newPage();
       await page.goto('https://example.com');
       await page.pdf({ path: 'page.pdf' });
       await browser.close();
     })();
     

   • 适用需求：自动化处理或复杂页面截图。

‌总结‌：根据需求选择合适方式——快速保存选PDF导出，需编辑代码用源码保存，批量处理依赖脚本工具。动态内容需测试兼容性，确保关键信息不丢失。