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

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

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
tedlife
日安装量
0
总安装量
1
评分
0 0 0
版本
3.0
创建于
2025-06-29
更新于
2025-06-29
大小
29.9 KB
许可证
MIT
适用于
所有网站

图片链接提取与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. 查看其 classid 属性
  4. 在脚本设置中配置对应选择器

Q: 支持哪些图片格式?

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

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

📝 更新日志

v3.0 (当前版本)

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

🤝 反馈与支持

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

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

📄 许可证

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


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