Yipeek

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
Chumor
일일 설치 수
0
총 설치 수
4
평점
0 0 0
버전
1.4.0
생성일
2025-11-30
갱신일
2026-01-29
크기
23.7KB
라이선스
해당 없음
적용 사이트
모든 사이트

Yipeek · 一瞥

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

Yipeek 封面

Google photos icons created by Freepik - Flaticon

Yipeek 是一款 网页专用脚本,专注移动端手势图片预览:
开箱即用,无需初始化或框架,追求极简、顺滑、原生的操作体验。


🎬 快速上手

点击观看 Demo 视频

操作方式:点击 → 高斯模糊背景 → 手势缩放 → 下滑关闭

安装方式

  1. Tampermonkey / ScriptCat → 添加脚本
  2. 打开网页,点击图片即可预览

核心特性

  • 开箱即用 — 安装即可生效,无需任何配置
  • 移动端手势友好 — 支持双击缩放、双指捏合、拖拽,下滑或点击背景关闭
  • 智能初始尺寸与居中 — 自动适配屏幕,防止裁切或过度缩放
  • 沉浸式预览体验 — 高斯模糊背景,禁用底层交互,避免误触
  • 动态图片自动绑定 — 支持异步加载图片,实时监控 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 —— 让每一次指尖轻触,都更接近完美。