{"id":31985725,"url":"https://github.com/setube/webimagebox","last_synced_at":"2025-10-15T06:34:56.205Z","repository":{"id":315751906,"uuid":"1060709883","full_name":"setube/webImageBox","owner":"setube","description":"通用网页图片灯箱: 支持旋转/缩放/切换/下载/批量下载","archived":false,"fork":false,"pushed_at":"2025-09-20T14:41:55.000Z","size":2356,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-20T14:45:25.184Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/setube.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-20T12:40:18.000Z","updated_at":"2025-09-20T14:41:59.000Z","dependencies_parsed_at":"2025-09-20T14:45:26.636Z","dependency_job_id":"62bf0ff4-df74-4cfa-b5a9-fef7c786297a","html_url":"https://github.com/setube/webImageBox","commit_stats":null,"previous_names":["setube/webimagebox"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/setube/webImageBox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/setube%2FwebImageBox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/setube%2FwebImageBox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/setube%2FwebImageBox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/setube%2FwebImageBox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/setube","download_url":"https://codeload.github.com/setube/webImageBox/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/setube%2FwebImageBox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279058397,"owners_count":26094844,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-15T02:00:07.814Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-15T06:34:55.450Z","updated_at":"2025-10-15T06:34:56.200Z","avatar_url":"https://github.com/setube.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebImageBox\n\n_AKA 通用网页图片灯箱 — 让你的网页图片瞬间炫酷起来_\n\n[![GitHub stars](https://img.shields.io/github/stars/setube/WebImageBox?style=social)](https://github.com/setube/WebImageBox/stargazers)\n[![GitHub forks](https://img.shields.io/github/forks/setube/WebImageBox?style=social)](https://github.com/setube/WebImageBox/network/members)\n[![License](https://img.shields.io/github/license/setube/WebImageBox)](https://github.com/setube/WebImageBox/blob/main/LICENSE)\n[![Issues](https://img.shields.io/github/issues/setube/WebImageBox)](https://github.com/setube/WebImageBox/issues)\n\n---\n\n## 简介\n\n你是不是也遇到过这种情况？\n\n- 浏览网页，想看大图，可是图片小得像蚂蚁？\n- 想旋转看看，却发现网页压根没提供这个功能？\n- 下载图片？单张还好，批量下载？笑话吧…\n\n别担心，**WebImageBox**来了！\n\n\u003e 它是一款通用、强大、且自带幽默感的网页图片灯箱插件。  \n\u003e 支持旋转、缩放、拖拽、切换、单张下载、批量下载……就差帮你泡杯咖啡了。\n\n---\n\n## 插件预览\n\n![桌面端预览](https://github.com/setube/webImageBox/raw/main/image_1.png)\n![移动端预览](https://github.com/setube/webImageBox/raw/main/image_2.png)\n\n## 功能亮点\n\n- **旋转任性**：左旋右旋，90° 180° 360°，只要你想，没有它不敢转的角度\n- **缩放随心**：拖拽、滚轮、双击，放大缩小随意，不用担心眼睛近视\n- **切换顺滑**：前后图片切换丝滑得像滑板鞋上的轮子\n- **下载无压力**：单张下载或批量打包成 ZIP，保证你一次性拿够\n- **缩略图预览**：不想迷路？看缩略图，点哪看哪\n- **浏览器友好**：CSP？我不怕，我自带忍者技能\n\n---\n\n## 环境需求\n\n- **网页必须有 `\u003cimg\u003e` 标签**（WebImageBox 不会帮你画图画）\n- **CSP 封闭网站**：部分严格网站可能无法直接下载图片，需要开启 CORS 或在控制台允许脚本\n\n---\n\n## 浏览器需求\n\n- **现代浏览器**：Chrome / Edge / Firefox / Safari（基本覆盖主流）\n- **扩展支持**：Tampermonkey / Violentmonkey / Greasemonkey\n- **JavaScript 必须启用**（WebImageBox 不会在你关掉 JS 时自动变魔术）\n\n---\n\n## 安装方式\n\n1. 安装 **Tampermonkey** / **Violentmonkey** / **Greasemonkey**\n2. 新建脚本，把 `WebImageBox.user.js` 贴进去\n3. 打开任意网页，看到图片？点它！灯箱立刻出现\n\n---\n\n## 使用教程\n\n1. **打开图片灯箱**  \n   点击网页上的任意图片 → **灯箱开启**\n\n2. **缩放图片**\n\n   - 右上角按钮 → 放大/缩小\n   - 滚轮向上/向下 → 放大/缩小\n   - 双击图片 → 放大\n\n3. **拖拽图片**\n\n   - 空格+鼠标左键 → 拖动图片位置\n\n4. **旋转图片**\n\n   - 右上角按钮 → 左旋 / 右旋\n\n5. **切换图片**\n\n   - 左右箭头按钮 → 前一张 / 下一张\n   - 键盘 ← / → → 前一张 / 下一张\n\n6. **下载图片**\n\n   - 单张下载 → 右上角下载按钮\n   - 批量下载 → 右上角 “下载所有” 按钮（会打包成 ZIP）\n\n7. **关闭灯箱**\n\n   - 右上角关闭按钮\n   - 点击遮罩背景\n   - ESC 键\n\n---\n\n## 项目愿景\n\n未来，WebImageBox 想做到的事情很简单：  \n“让全网的图片都乖乖听你的指挥”，甚至有一天…能帮你自动分类收藏。\n\n---\n\n## 鸣谢\n\n- [fflate](https://github.com/101arrowz/fflate) —— 感谢帮我们把图片高效地打包成 ZIP，性能比 JSZip 更快  \n- [Qmsg](https://github.com/WhiteSevs/Qmsg) —— 感谢帮我们提供优雅的消息提示组件，让交互更友好  \n- [Tampermonkey](https://www.tampermonkey.net) —— 感谢油猴脚本运行环境，让我们能突破浏览器的限制\n\n- 感谢全世界爱看图、爱折腾的你们 ❤️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsetube%2Fwebimagebox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsetube%2Fwebimagebox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsetube%2Fwebimagebox/lists"}