Discord 图片助手

扩展名称
Discord 图片助手
扩展描述
“Discord 图片助手” 是一款专门为 Discord 用户打造的浏览器扩展程序，它能够显著提升用户在 Discord 平台上处理图片的便捷性和效率。该扩展主要功能是在 Discord 界面内的图片旁边添加自定义样式的 “保存原图” 和 “复制链接” 按钮，让用户可以更轻松地保存和分享图片。
主要功能
自动检测图片：扩展会自动扫描 Discord 页面上的所有图片元素，包括嵌入消息中的图片、模态框内的图片以及用户个人资料中的图片等。通过一系列精心设计的选择器，能够精准定位到各种类型的图片容器，确保不会遗漏任何一张图片。
添加自定义按钮：对于检测到的符合条件的图片（宽度和高度均大于 40 像素且图片可见），扩展会在图片容器旁边添加一个自定义的按钮容器，其中包含两个按钮：
保存原图按钮：点击此按钮，扩展会尝试下载图片的原始版本。它会首先获取图片的可共享 CDN 链接，然后通过 fetch API 下载图片的二进制数据，并将其转换为 Blob 对象。接着，创建一个临时的 <a> 标签，将 Blob 对象的 URL 赋值给该标签的 href 属性，并设置 download 属性为图片的文件名。最后模拟点击该标签，实现图片的下载。如果下载过程中出现错误，按钮上会显示相应的错误信息，并在 2 秒后恢复原状。
复制链接按钮：点击此按钮，扩展会将图片的可共享 CDN 链接复制到用户的剪贴板中。复制成功后，按钮上会显示 “已复制！” 的提示信息，并在 1.5 秒后恢复原状。如果复制过程中出现错误，按钮上会显示 “失败！” 的提示信息，并在 1.5 秒后恢复原状。
样式定制：按钮具有自定义的样式，以确保在 Discord 界面中具有良好的视觉效果和交互体验。按钮容器使用 flex 布局，背景颜色为深灰色，具有一定的圆角和阴影效果。“保存原图” 按钮为浅绿色，“复制链接” 按钮为浅紫色，按钮文字为白色，字体加粗，按钮在鼠标悬停和点击时会有相应的动画效果。
动态更新：扩展使用 MutationObserver 监听 Discord 页面的变化，包括新元素的添加、元素属性的更改等。当页面发生变化时，扩展会在一定的延迟后重新扫描页面，确保新出现的图片也能及时添加按钮。同时，如果图片的链接发生变化，扩展会自动更新按钮的状态。
使用方法
安装扩展：将扩展添加到您的浏览器中。
访问 Discord：打开 Discord 网站（https://discord.com/），登录您的账户。
处理图片：在 Discord 界面中，当您看到带有 “保存原图” 和 “复制链接” 按钮的图片时，点击相应的按钮即可完成图片的保存或链接的复制。
注意事项
该扩展仅适用于 Discord 网站（https://discord.com/）。
请确保您的浏览器支持 fetch API 和 MutationObserver 接口。
如果您在使用过程中遇到任何问题，请随时反馈给我们。
隐私政策
本扩展不会收集您的任何个人信息或敏感数据。它仅在 Discord 页面上进行图片检测和按钮添加操作，不会将您的信息发送到任何第三方服务器。

通过使用 “Discord 图片助手”，您可以更加便捷地管理和分享 Discord 中的图片，提升您的使用体验。快来试试吧！