chumor 发表于 7 天前

「原创开源」Yipeek · 一瞥 — 移动端网页图片预览脚本

大家好,我开发了一个移动端网页图片预览脚本 —— Yipeek,适合在手机浏览网页和论坛时使用。

📦 开源地址
https://github.com/Chumor/Yipeek

指尖轻触,万象凝于一瞥
A tap, a glimpse — the world in focus.

Yipeek 专注移动端手势图片预览,开箱即用、极简流畅,无需额外框架。

下载 / 安装地址
- ScriptCat: https://scriptcat.org/zh-CN/script-show-page/4750
- GreasyFork: https://greasyfork.org/zh-CN/scripts/557392-yipeek

核心特性
- 开箱即用:安装即可生效,无需配置
- 手势友好:双击缩放、双指捏合、单指拖拽、下滑/点击背景关闭
- 智能居中与适配:自动计算最佳尺寸,防止裁切或过度缩放
- 沉浸式体验:高斯模糊背景,避免误触
- 动态图片实时绑定:支持懒加载和异步加载图片
- 可扩展性:可通过脚本自定义 normalizeImageUrl() 适配其他网站

已优化网站
- GitHub:自动将 /blob/ 地址转换为 raw URL
- 其他网站:可自定义规则适配

手势操作指南
点击图片         打开预览
双击               放大 ↔ 原始大小切换
双指捏合         平滑缩放(0.5× ~ 4×)
拖拽               查看细节
下滑 / 点击背景    关闭预览
放大拖拽 + 缩放边界限制防止图片溢出屏幕

安装方式
1. 手机安装 Tampermonkey / ScriptCat
2. 访问上面的下载链接,添加脚本
3. 打开网页 → 点击图片即可预览

许可证
MIT License — 免费用于个人或商业项目

致谢
- 灵感来源 ImageViewer.js https://github.com/mrhuo/image-viewer
- Yipeek 专注移动端 + 极简 + 手势体验
- 感谢早期测试者提供的手势反馈和优化建议

longi 发表于 7 天前

膜拜大佬
页: [1]
查看完整版本: 「原创开源」Yipeek · 一瞥 — 移动端网页图片预览脚本