小窗預覽

拖曳連結時在彈出視窗中開啟鏈接,並在打開前提供預覽,使用 Edge 的預讀技術。同時在小窗口打開時在背後添加壓克力效果。

安裝腳本?
作者推薦腳本

您可能也會喜歡 Greasyfork 膠水工匠

安裝腳本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者
人民的勤务员
今日安裝
1
安裝總數
595
評價
19 0 0
版本
2025.5.16.1
建立日期
2024-08-23
更新日期
2025-06-09
尺寸
57.0 KB
授權條款
MIT
腳本執行於
所有網站
简体中文 | English | 한국어 | Tiếng Việt | 繁體中文
👆️訪問 GitHub 上的自述文件以獲得更好的體驗。

推薦使用:
Support
Support
Support
💡 Tip: 以上已列出的腳本管理器和瀏覽器不代表全部
腳本在以下環境中運行正常
Passed

小窗預覽

「 拖曳連結時在彈出視窗中開啟鏈接,並在打開前提供預覽,使用 Edge 的預讀技術。同時在小窗口打開時在背後添加壓克力效果。 」

Views

Download:Github | ⭐Greasy Fork

更新記錄

🛠️ Small Window Preview 更新日誌

📅 2025.5.16.1

修復:#133closeOnScroll或者closeOnMouseClick被關閉時,無法彈出新的小窗
解決:當頁面目前存在了一個小窗口,且closeOnScroll或者closeOnMouseClick任意一個被關閉時,直接銷毀當前的小窗口


📅 2025.3.14.1108

最佳化: #102添加僅顯示GUI 菜單選項,允許在油猴中僅顯示一個菜單選項,不顯示多餘的菜單.
截圖: image.png
修復: 修復彈出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 的預讀技術。小窗口後方有亞克力效果,提升視覺體驗。

菜單選項說明

選項列表

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

每個選項後面都有一個對應的操作函數,這些函數用於更新菜單的設置。通過點擊選項,用戶可以直接改變相關配置,並立即看到效果。

支持的網頁

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

🔍你可能在找網頁相關腳本

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

腳本亮點:

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

注意事項:

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

☭ 感謝

腳本演示

自動記錄每個站點的配置:

腳本長按,拖拽,記錄窗口位置演示:

1.png

使用幫助

推薦瀏覽器和腳本管理器:

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

如果你需要了解更多關於如何安裝用戶腳本,點擊我查看圖文教學!

查看所有發布腳本

🔍你可能在找ChatGPT相關腳本

🔍你可能在找網頁相關腳本

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

🔍你可能在找GitHub相關腳本

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

🔍你可能在找Google相關腳本

🔍你可能在找GreasyFork相關腳本

  • Greasy fork腳本頁面適用於網址增強: 腳本詳情頁適用於網址不默認跳轉搜索 轉為可點擊的文本鏈接並彈出提示
  • Greasyfork 膠水工匠: 為 Greasyfork 提供各種使用功能,絕對時間,網頁寬螢幕,腳本頁增強,下載拓展,面板修復等一系列操作
  • Script Finder 油猴腳本查找: Script Finder 在任何網站上找到適用於該網站的 油猴腳本。
  • Greasyfork 腳本顯示評分: 在瀏覽腳本清單時在腳本名稱後面新增腳本評分
  • GreasyFork: 導覽列增強: 在導覽列上新增使用者列表,主機,收藏等..
  • GreasyFork markdown: 在論壇預設使用格式為Markdown,新增格式幫助連結及在發布新腳本,回覆時間啟用快速編輯的工具列
  • GreasyFork Search: 使用谷歌搜尋GreasyFork和SleazyFork上體文字
  • GreasyFork 通知助手: 當你的腳本或你參與的討論有新回應時,腳本會在網頁上以模態視窗顯示最新的討論內容。
  • GreaysFork 增強WebHook同步設定: GreaysFork 快速輸入腳本同步訊息,並批量增加多個國家的語言代碼,而不用一個個地點擊選擇框再去對應的網址。
  • GreasyFork 用戶發布的腳本資料視覺化: 使用Chart.js獲取和可視化獲取用戶腳本數據,並在使用者個人主頁產生圖表在下方顯示詳細安裝情況
  • 顯示Greasyfork用戶註冊時間,識別惡意評論: 如果你的腳本干涉了某些人的利益,收到惡意差評並不意外。惡意差評有兩個特點,一是賬號通常新註冊,二是註冊後不久就會給差評,且基本不會有後續活動。本腳本獲取greasyfork用戶註冊時間,並顯示在用戶名旁邊。如果用戶名旁邊顯示的時間是未來的時間,那麼這個用戶很可能是惡意註冊的賬號。

🔍你可能在找成人腳本

🔍你可能在找自動翻譯

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

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