☰

Discord 图片助手

该脚本为 Discord 网页版中的图片添加“保存原图”和“复制链接”按钮，以便用户更方便地下载和分享图片。

लेखक
cwser
दैनिक इंस्टॉल
0
एकूण इंस्टॉल
6
रेटिंग
0 0 0
आवृत्ती
1.0
बनवली
2025-05-19
अपडेट केली
2025-05-19
आकार
10.5 KB
License
MIT
यांवर लागू होते:

Discord 图片助手 Tampermonkey 脚本

简介

这个 Tampermonkey 脚本旨在增强 Discord 网页版的图像交互体验。在每张图片旁边添加了两个按钮：

  • 保存原图：允许用户下载图片的原始版本。
  • 复制链接：将图片的 CDN 链接复制到剪贴板，便于分享。

功能

  1. 保存原图：点击该按钮后，脚本会从 Discord 的 CDN 下载原始图片，并保存到本地。按钮的文本会在下载过程中显示为“保存中...”并禁用，下载完成后显示为“已保存!”并恢复正常状态。
  2. 复制链接：点击该按钮后，脚本会将图片的 CDN 链接复制到剪贴板，按钮文本会变为“已复制!”并禁用，2秒后恢复原状态。

样式

按钮样式保持简洁现代，具备以下特点：

  • 渐变背景：不同功能的按钮使用了绿色（保存原图）和紫色（复制链接）渐变背景。
  • 圆角和阴影：按钮的圆角设计和阴影效果增强了按钮的现代感和可点击性。
  • 悬停和点击效果：按钮在悬停时会轻微上移并增加阴影，点击时按钮会稍微内陷，给用户清晰的反馈。

使用说明

步骤 1: 安装 Tampermonkey

  1. 安装 Tampermonkey 扩展：访问 Tampermonkey 官网 并安装适合你浏览器的版本。
  2. 添加脚本：
    • 在 Tampermonkey 中点击 “创建新脚本”。
    • 将以下脚本粘贴到编辑器中并保存。

步骤 2: 启用脚本

  1. 在 Tampermonkey 扩展中启用该脚本。
  2. 打开 Discord 网页版，浏览任何包含图片的频道，您将会看到每张图片旁边出现 保存原图 和 复制链接 按钮。

步骤 3: 使用脚本

  1. 保存原图：点击图片旁边的 保存原图 按钮，脚本会自动下载原图并保存在您的设备中。
  2. 复制图片链接：点击 复制链接 按钮，图片的 CDN 链接会被复制到剪贴板，您可以将链接分享给其他人。

脚本结构

  1. MutationObserver：脚本通过 MutationObserver 动态监控 Discord 页面内容的变化，确保每当新图片加载时，按钮会自动添加到图片旁边。
  2. 按钮样式：通过 JavaScript 动态创建和插入包含 保存原图 和 复制链接 按钮的容器。
  3. 事件处理：当按钮被点击时，触发相应的操作（下载图片或复制链接），并提供点击反馈。

常见问题

Q1: 脚本没有显示按钮怎么办？

  • 请确保 Tampermonkey 脚本已正确安装并启用。刷新 Discord 网页并查看是否出现按钮。如果仍然没有，尝试检查浏览器控制台是否有错误信息。

Q2: 脚本支持哪些浏览器？

  • 脚本适用于任何支持 Tampermonkey 的现代浏览器（如 Chrome、Firefox、Edge 等）。

Q3: 我可以修改按钮的样式吗？

  • 是的，您可以编辑脚本中的 CSS 部分，调整按钮的颜色、尺寸或其他样式，以满足您的需求。

贡献

如果您发现任何问题或有新的功能建议，请通过 GitHub Issues 提交反馈。欢迎您的贡献！

许可证

本脚本基于 MIT 许可证，您可以自由修改和分发，但请保留原作者信息。

注意：此脚本仅适用于 Discord 的网页版本，不支持桌面应用或移动端应用。