LogoCloneWebsite 文档
LogoCloneWebsite 文档
首页

快速开始

欢迎使用快速上手

使用指南

Chrome 扩展使用指南将网页导出到 Figma网站项目功能已下线最佳实践:如何完美克隆网页

开发者

API 参考

其他

常见问题 (FAQ)更新日志技术支持

快速上手

3分钟内开始使用 CloneWebsite

开始克隆您的第一个网页

CloneWebsite 提供了最简单的网页捕获体验。以下是快速开始使用的步骤。

1. 安装 Chrome 扩展

目前最推荐的使用方式是通过 Chrome 扩展,它可以绕过许多 CORS 和跨域限制:

  1. 下载最新的扩展安装包 从这里下载
  2. 解压下载的 .zip 文件
  3. 在 Chrome 浏览器中打开 chrome://extensions/
  4. 开启右上角的 开发者模式
  5. 点击 加载已解压的扩展程序,选择您刚才解压的目录

2. 克隆网页

扩展安装完成后:

  1. 在 Chrome 中打开您想要克隆的网页(例如:https://example.com)
  2. 等待网页完全加载,特别是图片和动态内容
  3. 点击浏览器工具栏中的 CloneWebsite 图标 🧩
  4. 在弹出的面板中,点击 开始克隆 按钮
  5. 等待处理进度条完成(这可能需要几秒到几分钟,取决于页面大小)

3. 查看结果

克隆完成后:

  1. 浏览器会自动下载一个包含域名的 .zip 文件(例如:example-com-clone.zip)
  2. 解压这个文件
  3. 您会看到以下目录结构:
📁 example-com-clone/
 ├── 📄 index.html        # 包含所有内联样式的完整页面
 └── 📁 assets/           # 所有被提取的外部资源
      ├── 🖼️ images/
      ├── 📝 fonts/
      └── 📜 css/
  1. 双击 index.html,页面将在您的浏览器中完美重现,而且是完全离线的!

进阶功能

本地项目

将捕获结果保存在浏览器扩展中,并在轻量本地 Workbench 中打开。

克隆选项

了解如何配置过滤规则、图片提取和 DOM 清理以获得最佳结果。

欢迎使用

CloneWebsite 像素级网页克隆工具

Chrome 扩展使用指南

如何使用 CloneWebsite Chrome 扩展捕获网页

目录

开始克隆您的第一个网页
1. 安装 Chrome 扩展
2. 克隆网页
3. 查看结果
进阶功能