小窗預覽
「 拖拽鏈接時在彈出窗口中打開鏈接,並在打開前提供預覽,使用 Edge 的預讀技術。同時在小窗口打開時在背後添加亞克力效果,可設置為長按觸發.自動記錄每個站點的小窗口大小. 」
Download:Github | ⭐Greasy
Fork
更新記錄
🛠️ Small Window Preview 更新日誌
📅 2025.3.14.1108
最佳化: #102添加僅顯示GUI
菜單選項,允許在油猴中僅顯示一個菜單選項,不顯示多餘的菜單.
截圖:
修復: 修復彈出sweetalert
沒有 css 的導致界面錯亂.
📅 2024/9/30 11:56 - Ver 2.5.1.4
最佳化: 添加GUI設置界面
菜單太麻煩,設置多個點來點去的.
📅 2024/9/30 10:49 - Ver 2.5.1.3
最佳化: 添加長按生效時間
,鼠標按下等於設置的生效時間後調用打開小窗前的長按觸發時間
.
打開小窗時間=長按生效時間
+長按觸發時間
最佳化: 添加GUI設置界面
菜單太麻煩,設置多個點來點去的.
📅 2024/9/10 11:05 - Ver 2.5.1.0
修復: 無法跨源讀取彈出窗口大小位置的問題。
新增: 當無法跨源讀取到彈窗位置時,會發送信息給彈窗,允許彈窗自己設置大小和位置。
📅 2024/9/10 09:24 - Ver 2.5.0.0
感謝: tony0809 的代碼貢獻。
新增:
• 開啟 記錄窗口位置
時,自動記錄當前域名配置。
• 查找窗口配置邏輯:域名配置 → 自定義窗口配置 → 腳本自帶配置。
• 配置無需手動編輯,腳本會自動在你更改窗口大小時更新域名配置.每次你改變的窗口大小會記錄到全局自定義配置
• 配置規則參考#529654
• 新增功能演示請參考下方視頻。
📅 2024/9/3 05:26 - Ver 2.4.0.20
修復: #527837 事件錯誤,修改為檢查鼠標 y
軸 < 1 時判斷移動是否在瀏覽器標籤頁上。
📅 2024/9/2 05:34 - Ver 2.4.0.18
新增: #527625
• 長按鼠標模式下按下鍵盤不觸發預覽窗口。
• 拖拽模式下拖拽鏈接到新標籤時不會觸發預覽窗口。
📅 2024/8/29 08:39 - Ver 2.4.0.9
新增: 拖拽時增加超時顯示進度條,時間耗盡時取消拖拽打開預覽窗口。
📅 2024/8/29 06:28 - Ver 2.4.0.8
最佳化: 移除長按時監聽鼠標移動的邏輯,改為監聽鼠標進入拖拽狀態時取消打開預覽窗口。#526172
📅 2024/8/27 00:33 - Ver 2.4.0.5
修復: #526054 反饋的 BUG:
• 修復在關閉預覽窗後無法觸發時間條打開預覽窗的概率性問題。
📅 2024/8/25 04:59 - Ver 2.4.0.2
新增: #257270
• 添加長按時顯示倒計時,增加記住窗口位置功能。
📅 2024/8/24 07:29 - Ver 2.4
最佳化: 添加語言包,優化腳本性能。
📅 2024/8/23 08:12 - Ver 2.4
最佳化: 兼容 Chrome 插件 Google Chrome 的超級拖拽 0.9.9
。
修復: 修復點擊小窗口關閉按鈕時亞克力圖層不關閉的問題。

功能介紹
🔗 拖拽即開小窗 — 拖拽網頁鏈接,便捷地在小窗口中打開並預覽,使用 Edge 的預讀技術。小窗口後方有亞克力效果,提升視覺體驗。

菜單選項說明

選項列表
- 操作模式 (actionMode)
- **描述**:設置當前的操作模式,根據 `actionMode` 的值來確定使用哪個操作模式。
- **操作模式 1**:`1` - 在鏈接長按時觸發預覽窗口。
- **操作模式 2**:`2` - 在鏈接拖拽時觸發預覽窗口。
- **默認操作模式**:`0` - 默認啟用以上兩種操作模式。
- 長按持續時間 (longPressDuration)
- **描述**:設置長按操作的持續時間。
- **操作**:`setLongPressDuration`,用於修改長按持續時間,與 `操作模式 (actionMode)` 配合使用。
- 模糊效果啟用 (blurEnabled)
- **描述**:啟用或禁用背景模糊效果。
- **操作**:`toggleBlurEffect`,用於啟用或禁用模糊效果。
- 模糊強度 (blurIntensity)
- **描述**:設置背景模糊的強度。
- 點擊鼠標時關閉 (closeOnMouseClick)
- **描述**:在主窗口(預覽窗口的父窗口)點擊鼠標時關閉預覽窗口。
- **操作**:`toggleCloseOnMouseClick`,用於啟用或禁用點擊鼠標時關閉預覽窗口的設置。
- 滾動時關閉 (closeOnScroll)
- **描述**:在主窗口(預覽窗口的父窗口)滾動鼠標滑輪時關閉預覽窗口。
- **操作**:`toggleCloseOnScroll`,用於啟用或禁用滾動鼠標時關閉預覽窗口的設置。
- 窗口寬度 (windowWidth)
- **描述**:設置預覽窗口的寬度,啟用 `保存窗口配置` 時覆蓋該配置。
- 窗口高度 (windowHeight)
- **描述**:設置預覽窗口的高度,啟用 `保存窗口配置` 時覆蓋該配置。
- 顯示倒計時 (showCountdown)
- **描述**:當啟用 `操作模式 (actionMode)=1` 長按時,在長按觸發預覽窗口前,在鼠標下方顯示倒計時進度條,時間是 `長按持續時間 (longPressDuration)` 設定的時間。
- **操作**:用於啟用或禁用倒計時進度條顯示。
- 顯示拖拽超時 (showCountdowndrag)
- 描述:當啟用時,在拖拽預覽窗口前,在鼠標下方顯示超時進度條,時間是
拖拽超時時間 (dragTimeOut)
設定的時間,時間耗盡,拖拽不會打開預覽窗口,設定時間為0時為禁用顯示以及禁用超時取消拖拽打開小窗預覽。
- 操作:用於啟用或禁用超時進度條顯示。
- 保存窗口配置 (saveWindowConfig)
- **描述**:用於記憶保存窗口的大小與位置配置,會覆蓋用戶自己設定的預覽窗口高度和寬度。
每個選項後面都有一個對應的操作函數,這些函數用於更新菜單的設置。通過點擊選項,用戶可以直接改變相關配置,並立即看到效果。

支持的網頁
🌐 全網頁適用 — 支持所有網頁,隨時隨地享受便捷的鏈接預覽與打開功能。

🔍你可能在找網頁相關腳本
- 網頁寫入剪輯版授權管理器: 管理網頁對剪貼板的寫入行為防止未經授權的自動複製和禁用音視頻內容預載及自動播放。
- 解除CSDN登錄複製: 去你媽的CSDN登錄複製,無需登錄即可複制
- 絢麗漸變美化網頁表格: 自動為表格所有列應用顏色漸變來美化
- 網頁高亮關鍵字: 對網頁上的文字進行高亮顯示,如果對你有幫助,可以隨意修改使用
- 網頁關鍵詞高亮顯示: 在網頁上自定義關鍵詞突出顯示包括滾動時動態加載的內容
- 小窗預覽: 拖拽鏈接時在彈出窗口中打開鏈接,並在打開前提供預覽,使用 Edge 的預讀技術。同時在小窗口打開時在背後添加亞克力效果,可設置為長按觸發.自動記錄每個站點的小窗口大小.
- 移除鏈接下劃線: 移除所有網站上的鏈接下劃線,並動態處理新鏈接
- 上下滾動按鈕: 在頁面右側生成兩個按鈕用於滾動頁面
- 置頂和置底按鈕: 在所有頁面生成兩個按鈕,一個用於順滑回到頂部,一個用於持續滾動到底部,再次點擊取消滾動到底部
- MarkDown 雲剪筆記: 將網頁內容轉換為 Markdown 格式的工具,支持複製、下載、發送到 GitHub 和 Obsidian 等功能。

腳本亮點:
亞克力效果:為小窗口添加美觀的背景效果。
鏈接預讀:使用 Edge 的技術加速加載。
設置選項:
可調節模糊效果強度。
自定義小窗口尺寸。

注意事項:
點擊或滾動頁面時,可以自動關閉小窗口。
立即體驗!
🚀 提升瀏覽效率 — 安裝腳本,享受智能鏈接預覽和美觀小窗口!

☭ 感謝

腳本演示
自動記錄每個站點的配置:
腳本長按,拖拽,記錄窗口位置演示:


使用幫助
推薦瀏覽器和腳本管理器:
- Greasemonkey + Waterfox
- Tampermonkey/Violentmonkey + Firefox
- Tampermonkey/Violentmonkey + Chrome
- Userscripts + ios Safari
- Violentmonkey/KiWiBrowser + Android
如果你需要了解更多關於如何安裝用戶腳本,點擊我查看圖文教學!

查看所有發布腳本

🔍你可能在找ChatGPT相關腳本

🔍你可能在找網頁相關腳本
- 網頁寫入剪輯版授權管理器: 管理網頁對剪貼板的寫入行為防止未經授權的自動複製和禁用音視頻內容預載及自動播放。
- 解除CSDN登錄複製: 去你媽的CSDN登錄複製,無需登錄即可複制
- 絢麗漸變美化網頁表格: 自動為表格所有列應用顏色漸變來美化
- 網頁高亮關鍵字: 對網頁上的文字進行高亮顯示,如果對你有幫助,可以隨意修改使用
- 網頁關鍵詞高亮顯示: 在網頁上自定義關鍵詞突出顯示包括滾動時動態加載的內容
- 小窗預覽: 拖拽鏈接時在彈出窗口中打開鏈接,並在打開前提供預覽,使用 Edge 的預讀技術。同時在小窗口打開時在背後添加亞克力效果,可設置為長按觸發.自動記錄每個站點的小窗口大小.
- 移除鏈接下劃線: 移除所有網站上的鏈接下劃線,並動態處理新鏈接
- 上下滾動按鈕: 在頁面右側生成兩個按鈕用於滾動頁面
- 置頂和置底按鈕: 在所有頁面生成兩個按鈕,一個用於順滑回到頂部,一個用於持續滾動到底部,再次點擊取消滾動到底部
- MarkDown 雲剪筆記: 將網頁內容轉換為 Markdown 格式的工具,支持複製、下載、發送到 GitHub 和 Obsidian 等功能。

🔍你可能在找GitHub相關腳本
- GitHub 提交信息显示网页視圖: 該腳本將 GitHub 上的提交信息轉化為 HTML 視圖,以更清晰地查看提交詳情。它會自動將提交信息列表、提交頭部和最新提交信息轉化為 HTML 格式,提供更佳的視覺效果和用戶體驗。
- 在Github上打開jsDelivr鏈接: 打開jsDelivr上的GitHub鏈接,用於快速下載文件
- GitHub 倉庫快速跳轉助手: 🤠 GitHub 倉庫快速跳轉助手,專為幫助用戶快速訪問自己在 GitHub 上的倉庫而設計 。它在導航欄頂部生成一個按鈕,點擊展開自己的所有倉庫,輕鬆跳轉到自己的 GitHub 倉庫頁面,而無需使用 GitHub 的二級菜單
- GitHub 文件列表美化器: GitHub 文件列表美化器是一個用戶腳本,用於增強 GitHub 倉庫中的文件顯示效果。它可以為文件和文件夾添加顏色,並將文件類型圖標替換為小圖像,使得代碼庫更加易於瀏覽和管理。按類型為文件添加顏色和圖標,在存儲庫源樹中顯示小圖像以代替文件類型圖標
- Github 代碼語言列表顯示全部: 擴展 Github 存儲庫上的語言列表,顯示每種語言,而不是將小部分隱藏在“其他”下
- GitHub 自動確認設備授權: 在GitHub授權頁面自動輸入授權碼與自動確認。
- GitHub 文件夾下载器: 添加一個下載按鈕,允許輕鬆下載特定的 GitHub 文件夾。
- Github 複製原始文件 URL 與下載文件: 在每個文件行的末尾添加按鈕,以復制原始文件 URL 和下載文件
- 🤠 Github 增強小助手 倉庫顯示大小: 🤠 倉庫顯示大小:在 GitHub 的代碼搜索、倉庫搜索、議題頁面、用戶倉庫列表和存儲庫頁面上,倉庫名稱旁邊會顯示該倉庫的大小,方便用戶快速了解倉庫的規模,優化選擇。不活躍開發警告:如果某個倉庫在過去六個月內沒有更新,系統將在倉庫的頂部添加提示,提醒用戶該倉庫不活躍,並顯示最後一次更新的時間。這有助於用戶判斷倉庫的活躍程度和維護狀況。倉庫內快捷跳轉:在瀏覽倉庫時,用戶可以方便地查看該用戶的所有倉庫列表,提供一個快速跳轉到不同倉庫的入口。用戶可以快速找到和訪問感興趣的其他項目,提高工作效率。使用場景:開發者:可以通過顯示倉庫大小和活躍警告,快速篩選出合適的庫進行開發,避免使用不再維護的項目。項目管理者:通過快速跳轉功能,便於管理和協調多個項目,提高工作效率。學習者:在學習新技術時,可以更方便地找到相關的開源項目,快速查看項目的活躍程度和規模。🤠
- GitHub 按日期排序: 將文件排序方式改為日期降序,方便查看最新更新的文件。
- GitHub Gist 代碼片段複製與下載器: 向 Gist 文件添加複制按鈕,以便輕鬆複製代碼。| 向 Gist 文件添加下載按鈕,以便輕鬆下載代碼。
- GitHub 快捷鍵翻譯助手: 監聽鍵盤快捷鍵 Ctrl + Q,實現對文本進行翻譯並將翻譯結果替換到原文本框中的功能 支持Issue和pull request 頁面.

🔍你可能在找Google相關腳本

🔍你可能在找GreasyFork相關腳本

🔍你可能在找成人腳本

🔍你可能在找自動翻譯
- 外語終結者: 識別非中文字符,如果長度大於5且翻譯文本中不含中文,則翻譯並且替換原始文本到中文
- 網頁翻譯——自動翻譯為中文: 給每個非中文的網頁右下角(可以調整到左下角)添加一個google翻譯圖標,該版本為中文翻譯版本,只把外語翻譯為中文,添加自動翻譯
- 翻譯小工具 | 翻譯任何語言: 任何語言翻譯及快捷一鍵翻譯想要語言 | 頁面翻譯 | 選中文字( 按Ctrl )| 提供快捷方式,只需按一個鍵即可快速翻譯想要語言 |英文學習 | 翻譯文可設置,支持全球多數通用語言 | 有什麼問題都可以反饋

🔍你可能在找社交媒體腳本
