每日签到奶昔超市积分商城奶昔访达
返回列表 发布新帖
查看: 96|回复: 1

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

发表于 7 天前 来自手机 | 查看全部 |阅读模式

欢迎注册论坛,享受更多奶昔会员权益!

您需要 登录 才可以下载或查看,没有账号?注册

×
大家好,我开发了一个移动端网页图片预览脚本 —— 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 专注移动端 + 极简 + 手势体验
- 感谢早期测试者提供的手势反馈和优化建议
爱生活,爱奶昔~
回复

使用道具 举报

发表于 7 天前 来自手机 | 查看全部
膜拜大佬
爱生活,爱奶昔~
您需要登录后才可以回帖 登录 | 注册

本版积分规则

© 2025 Naixi Networks. 沪ICP备13020230号-1|沪公网安备 31010702007642号手机版小黑屋RSS
返回顶部 关灯 在本版发帖
快速回复 返回顶部 返回列表