Yipeek

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

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
Chumor
今日安裝
0
安裝總數
2
評價
0 0 0
版本
1.2.1
建立日期
2025-11-30
更新日期
2025-12-13
尺寸
21.7 KB
授權條款
未知
腳本執行於
所有網站

Yipeek · 一瞥

Version
Android Friendly
UserScript
MIT License
Stars

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

Yipeek 是一款 网页专用脚本,专注移动端手势图片预览:开箱即用,无需初始化或框架,极简流畅。


🎬 3 秒上手

Demo.webm

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

安装方式:

  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,避免跳页

📄 许可证

MIT License — 免费用于个人和商业项目
详见 LICENSE


❤️ 致谢

Yipeek 从零设计,专注「指尖轻触,万象凝于一瞥」的移动端原生体验。

一瞥,不仅是预览——它是专注、尊重与轻盈的用户体验。
欢迎 Star ⭐、Issue、PR —— 让每一次指尖轻触,都更接近完美。