Elementor Extractor
从 WordPress 页面完整提取 Elementor 结构
一个 Manifest V3 Chrome 扩展，用于从已上线的 WordPress 网站中提取、导出并重建 Elementor 页面结构。
## 📋 概述
**Elementor Extractor** 是一款功能强大的 Chrome 扩展，它能扫描任何使用 Elementor 页面构建器构建的 WordPress 页面，并从实时的 DOM 中重建其完整结构。它会生成两种不同的 JSON 输出：
| 输出文件 | 用途 |
|--------|---------|
| **`elementor-import-template-*.json`** | 一个纯净且可直接导入的 Elementor 模板，可通过 `Elementor → Templates → Import` 直接导入 |
| **`elementor-extract-report-*.json`** | 一份详尽的技术报告，包含每个提取的元素、资源、配置和统计摘要 |
此工具专为需要归档、迁移或分析 Elementor 构建页面的开发者、设计师和内容迁移人员而设计。
## ✨ 功能特性
### 🧠 Elementor 检测
- 通过 DOM 标记、CSS 类、脚本、样式表和 meta 标签自动检测基于 Elementor 构建的页面
- 统计所有 Elementor 根容器、部分 (section)、列、小部件 (widget) 和内部部分
### 🏗️ 完整结构提取
- 提取**部分**、**列**、**容器 (`e-con`)** 和**小部件**及其层级关系
- 通过 `data-elementor-type` 属性识别 Elementor 模板类型（页眉 header、页脚 footer 等）
- 恢复响应式设置、自定义 CSS 类和背景图片
### 🧩 小部件智能分析
- 识别 **30 多种 Elementor 小部件类型**，并提取特定于类型的设置：
- `heading`, `text-editor`, `image`, `button`, `video`, `spacer`, `divider`, `icon-list`, `tabs`, `accordion`, `toggle`, `google_maps`, `alert`, `counter`, `progress`, `testimonial`, `shortcode`, `icon-box`, `social-icons` 等
- 当没有显式的类型数据时，自动从 DOM 结构推断小部件类型
- 将 Pro/主题小部件别名（`theme-post-title`, `nav-menu`, `form` 等）映射到最接近的可导入等效项
### 📦 全面的资源提取
| 类别 | 详情 |
|----------|---------|
| **链接** | 所有 `
` 标签，包含 href、target、rel、类名和 CSS 选择器 |
| **图片** | `![]()
` 和 `` 资源，包含 src、srcset、alt、title、尺寸和加载模式 |
| **表单** | `