标题：**轻松捕捉网页瞬间：html-screen-capture-js库**

标题：轻松捕捉网页瞬间：html-screen-capture-js库

html-screen-capture-jsA tiny, highly-customizable, single-function javascript/typescript library that captures a webpage and returns a new lightweight, self-contained HTML document. The library removes all external file dependencies while preserving the original appearance of the page. At only 12KB, it offers unparalleled speed and peerless reliability.项目地址:https://gitcode.com/gh_mirrors/ht/html-screen-capture-js

1、项目介绍

html-screen-capture-js是一个小巧而强大的JavaScript/TypeScript库，只需单个函数即可捕获网页并将其转化为一个轻量级、自包含的HTML文档。这个创新的解决方案在去除外部文件依赖的同时，完美保留了网页的原始外观。库的大小仅为12KB，确保了极致的执行速度和稳定性。

2、项目技术分析

html-screen-capture-js通过接收HTML文档作为参数，返回一个新的HTML文档对象，该对象去除了所有的脚本，将CSS类和样式替换为文档内的类，并将所有图像源转换为内联的base64编码版本。结果是一个单一的HTML文件，看起来与原始页面无异，但没有如.js, .css, .png等外部依赖。库采用ES6编写，支持TypeScript，并可转译为ES5。

3、项目及技术应用场景

• 屏幕快照：创建网页快照并在iframe中显示。
• 数据剥离：作为更大处理流程中剥离HTML文档外部依赖的一个步骤。
• 本地保存：允许用户以单个文件的形式保存完整的网页内容。
• 远程传输：简单地将整个网页内容作为字符串发送到服务器。
• 记录用户行为：用于记录用户在页面上的操作，例如同意书签署等合规目的。

4、项目特点

• 轻量化：只有12KB大小，加载快速。
• 自包含：生成的HTML文件不依赖任何外部资源。
• 高度定制：允许通过选项参数进行算法的个性化调整。
• 兼容性：支持ES5，可用于各种项目环境。
• 易用API：简单的调用接口，易于集成到现有项目中。

体验互动

要体验html-screen-capture-js的强大功能，可以访问演示页面，点击捕获按钮，亲自试一试！

立即安装

html-screen-capture-js可通过以下方式获取：

• 从GitHub仓库
• 使用npm：npm install html-screen-capture-js

代码贡献

欢迎加入我们的社区，无论是反馈问题还是提交代码，我们都热烈欢迎！

总结来说，html-screen-capture-js是开发人员实现网页捕获、简化数据传输或本地保存的理想工具。其出色的性能和丰富的定制选项使得它在多种场景下都能发挥重要作用。不妨尝试一下，让我们共同探索更多可能！

html-screen-capture-jsA tiny, highly-customizable, single-function javascript/typescript library that captures a webpage and returns a new lightweight, self-contained HTML document. The library removes all external file dependencies while preserving the original appearance of the page. At only 12KB, it offers unparalleled speed and peerless reliability.项目地址:https://gitcode.com/gh_mirrors/ht/html-screen-capture-js