☰

图片链接提取与PDF导出通用版

可自定义父元素选择器，提取指定元素内的图片链接并导出为PDF

Aŭtoro
tedlife
Ĉiutagaj instaloj
0
Tutaj instaloj
1
Ratings
0 0 0
Versio
3.0
Kreita
2025/06/29
Ĝisdatigita
2025/06/29
Size
29,9 kb
Licenco
MIT
Aplikiĝas al
Ĉiuj retejoj

图片链接提取与PDF导出通用版

📖 脚本简介

这是一个功能强大的油猴脚本，可以从任意网页中提取图片链接并导出为PDF文件。相比传统的固定选择器脚本，本脚本支持自定义父元素选择器，适用于各种不同的网站结构。

✨ 主要功能

  • 智能图片提取：自动识别并提取指定元素内的所有图片
  • 自定义选择器：支持CSS类名、元素ID、自定义选择器三种配置方式
  • PDF批量导出：一键将所有提取的图片合并为PDF文件
  • 实时预览：提供图片缩略图预览和链接查看
  • 进度显示：PDF生成过程中显示详细进度信息
  • 配置持久化：设置自动保存，下次访问时自动应用
  • 全站兼容：适用于所有网站（*://*/*）

🚀 使用方法

首次使用

  1. 安装脚本后，页面右下角会出现两个浮动按钮：

    • 🔧 设置按钮（齿轮图标）：配置图片父元素选择器
    • 📋 提取按钮：提取图片链接

  2. 点击设置按钮，配置适合当前网站的选择器

  3. 点击提取按钮开始提取图片

配置选择器

方式一：CSS类名

  • 选择器类型：CSS类名 (class)
  • 输入值：EaCvy（不包含点号）
  • 最终选择器：.EaCvy img

方式二：元素ID

  • 选择器类型：元素ID
  • 输入值：imageContainer（不包含井号）
  • 最终选择器：#imageContainer img

方式三：自定义选择器

  • 选择器类型：自定义选择器
  • 输入值：div.gallery .image-wrapper
  • 最终选择器：div.gallery .image-wrapper img

提取和导出

  1. 配置完成后，点击"提取图片链接"按钮
  2. 脚本会显示找到的所有图片，包括：
    • 图片缩略图预览
    • 完整图片链接
    • 复制链接按钮
  3. 点击"导出为PDF"按钮生成PDF文件
  4. 等待进度条完成，PDF将自动下载

⚙️ 高级配置

选择器语法说明

脚本支持所有标准CSS选择器语法：

/* 类选择器 */
.className img

/* ID选择器 */
#elementId img

/* 后代选择器 */
div.container .image-wrapper img

/* 子选择器 */
.gallery > .item img

/* 属性选择器 */
[data-type="image"] img

/* 伪类选择器 */
.container:first-child img

常见网站配置示例

网站类型 选择器配置 说明
图片画廊 .gallery 提取画廊容器内的图片
商品展示 .product-images 提取商品图片区域
文章内容 .article-content 提取文章内的图片
用户相册 #photo-album 提取相册容器内的图片
自定义容器 div[data-role="images"] 使用属性选择器

🔧 技术特性

  • 跨域支持：@connect * 允许访问任意域名的图片
  • 依赖库：集成 jsPDF 2.5.1 用于PDF生成
  • 样式框架：使用 Bootstrap 5.1.3 提供美观界面
  • 存储机制：使用 GM_setValue/GM_getValue 持久化配置
  • 通知系统：使用 GM_notification 提供操作反馈

📋 权限说明

脚本需要以下权限：

  • GM_setClipboard：复制图片链接到剪贴板
  • GM_notification：显示操作通知
  • GM_getResourceText：加载外部CSS资源
  • GM_addStyle：注入自定义样式
  • GM_xmlhttpRequest：跨域请求图片资源
  • GM_setValue/GM_getValue：保存和读取配置

🐛 常见问题

Q: 为什么提取不到图片？

A: 请检查以下几点：

  1. 确认选择器配置正确
  2. 检查目标元素是否存在
  3. 确认图片已完全加载
  4. 尝试使用浏览器开发者工具验证选择器

Q: PDF生成失败怎么办？

A: 可能的原因：

  1. 图片跨域限制
  2. 图片格式不支持
  3. 网络连接问题
  4. 浏览器内存不足

Q: 如何找到正确的选择器？

A: 使用浏览器开发者工具：

  1. 右键点击图片区域 → 检查元素
  2. 找到包含图片的父元素
  3. 查看其 class 或 id 属性
  4. 在脚本设置中配置对应选择器

Q: 支持哪些图片格式？

A: 支持所有浏览器可显示的图片格式：

  • JPG/JPEG
  • PNG
  • GIF
  • WebP
  • SVG
  • BMP

📝 更新日志

v3.0 (当前版本)

  • ✨ 新增自定义选择器配置功能
  • 🎨 全新的设置界面设计
  • 🔧 支持三种选择器类型（类名、ID、自定义）
  • 💾 配置自动保存和加载
  • 🌐 适配所有网站
  • 📱 优化移动端显示效果

🤝 反馈与支持

如果您在使用过程中遇到问题或有改进建议，欢迎：

  1. 在 Greasy Fork镜像 评论区留言
  2. 访问作者主页：https://tedlife.com/
  3. 提供详细的错误信息和网站URL以便排查

📄 许可证

本脚本遵循开源许可证，可自由使用和修改。

享受便捷的图片提取和PDF导出体验！ 🎉

长期地址
遇到问题？请前往 GitHub 提 Issues，或加Q群1031348184。

赞助商

Fishcpy

广告

Rainyun

一年攒够 12 元

云驰互联

云驰互联