指尖轻触，万象凝于一瞥。
A tap, a glimpse — the world in focus.
Google photos icons created by Freepik - Flaticon
Yipeek 是一款 网页专用脚本，专注移动端手势图片预览：
开箱即用，无需初始化或框架，追求极简、顺滑、原生的操作体验。
Demo.webm
操作方式：点击 → 高斯模糊背景 → 手势缩放 → 下滑关闭
安装方式：
- Tampermonkey / ScriptCat → 添加脚本
- 打开网页，点击图片即可预览
- 开箱即用 — 安装即可生效，无需任何配置
- 移动端手势友好 — 支持双击缩放、双指捏合、拖拽，下滑或点击背景关闭
- 智能初始尺寸与居中 — 自动适配屏幕，防止裁切或过度缩放
- 沉浸式预览体验 — 高斯模糊背景，禁用底层交互，避免误触
- 动态图片自动绑定 — 支持异步加载图片，实时监控 DOM 变化
- 高度可扩展 — 可定制
normalizeImageUrl()适配其他网站 - 智能图标忽略 — 自动跳过 logo、导航按钮等非内容图（无需配置）
- 链接拦截保障 — 点击
<a><img>时优先预览，不跳转页面 - 显式忽略支持 — 任意元素加
data-yipeek-ignore即可全局禁用预览
- GitHub — 自动将
/blob/地址转换为 raw URL，点击即可预览原图 - 其他网站 — 可通过修改脚本
normalizeImageUrl()增加自定义规则
| 手势 / 操作 | 功能 |
|---|---|
| 点击图片 | 打开预览 |
| 双击 | 切换缩放（放大 ↔ 原始大小） |
| 双指捏合 | 平滑缩放（0.5× ~ 4×） |
| 拖拽 | 查看放大后的图片细节 |
| 下滑或点击背景 | 关闭预览 |
| 放大拖拽限制 | 防止图片溢出屏幕 |
- setPerfectInitialSize() + applyTransform() — 自动计算最佳尺寸和居中位置
- 手势识别 + touch-action / pointer-events — 保证移动端流畅体验
- GitHub URL normalize — 自动处理 blob → raw，避免跳页
Apache License 2.0 — 免费用于个人和商业项目
详见 LICENSE
- 图标来源已在 README 上方注明官方署名
- Yipeek 专注「指尖轻触，万象凝于一瞥」的移动端原生体验
欢迎 Star ⭐、Issue、PR —— 让每一次指尖轻触，都更接近完美。