☰

Small Window Preview

Drag a link to open it in a popup window with a preview before opening, using Edge's prerendering technology. Also, add an acrylic effect behind the window when it's open.

As of 2024-09-30. See the latest version.

Author
人民的勤务员
Ratings
0 0 0
Version
2.5.1.4
Created
2024-08-23
Updated
2024-09-30
Size
54.8 KB
License
MIT
Applies to
All sites

小窗口预览

「 拖拽链接时在弹出窗口中打开链接，并在打开前提供预览，使用 Edge 的预读技术。同时在小窗口打开时在背后添加亚克力效果。 」

Views

Download：Github | ⭐Greasy Fork

更新记录

🛠️ Small Window Preview 更新日志

📅 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。
修复: 修复点击小窗口关闭按钮时亚克力图层不关闭的问题。

Feature Introduction

🔗 Drag and Drop to Open Preview Window — Easily open and preview web links in a small window by dragging them, utilizing Edge's pre-read technology. The background of the small window features an acrylic effect to enhance visual appeal.

Menu Options Description

Options List

  1. Action Mode (actionMode)

    • Description: Sets the current action mode. Determines which mode to use based on the value of actionMode.
      • Action Mode 1: 1 - Triggers the preview window when the link is long-pressed.
      • Action Mode 2: 2 - Triggers the preview window when the link is dragged.
      • Default Action Mode: 0 - Defaults to enabling both of the above action modes.

  2. Long Press Duration (longPressDuration)

    • Description: Sets the duration of the long press action.
    • Action: setLongPressDuration, used to modify the long press duration in conjunction with Action Mode (actionMode).

  3. Blur Effect Enabled (blurEnabled)

    • Description: Enables or disables the background blur effect.
    • Action: toggleBlurEffect, used to enable or disable the blur effect.

  4. Blur Intensity (blurIntensity)

    • Description: Sets the intensity of the background blur.

  5. Close on Mouse Click (closeOnMouseClick)

    • Description: Closes the preview window when clicking the mouse in the main window (parent window of the preview window).
    • Action: toggleCloseOnMouseClick, used to enable or disable the setting to close the preview window on mouse click.

  6. Close on Scroll (closeOnScroll)

    • Description: Closes the preview window when scrolling the mouse wheel in the main window (parent window of the preview window).
    • Action: toggleCloseOnScroll, used to enable or disable the setting to close the preview window on mouse scroll.

  7. Window Width (windowWidth)

    • Description: Sets the width of the preview window. This configuration will override the set width when Save Window Configuration is enabled.

  8. Window Height (windowHeight)

    • Description: Sets the height of the preview window. This configuration will override the set height when Save Window Configuration is enabled.

  9. Show Countdown (showCountdown)

    • Description: When Action Mode (actionMode)=1 is enabled, displays a countdown progress bar below the mouse before the preview window is triggered by a long press. The time is set by Long Press Duration (longPressDuration).
    • Action: Used to enable or disable the countdown progress bar display.

  10. Show Drag Timeout (showCountdowndrag)

    • Description: When enabled, a timeout progress bar is displayed under the mouse before the drag preview window opens. The duration is determined by the Drag Timeout (dragTimeOut) setting. If the time runs out, the drag operation will not open the preview window. If the timeout is set to 0, both the progress bar and the timeout-based cancellation of the drag preview will be disabled.
    • Action: Used to enable or disable the display of the timeout progress bar.

  11. Save Window Configuration (saveWindowConfig)

    • Description: Used to remember and save the size and position configuration of the window, overriding the user-defined preview window height and width.

Each option is followed by a corresponding action function, which is used to update the menu settings. By clicking on an option, users can directly change the related configuration and see the effect immediately.

Supported Web Pages

🌐 Applicable to All Web Pages — Supports all web pages, allowing convenient link preview and opening functionality anytime, anywhere.

Script Highlights:

  • Acrylic Effect: Adds a beautiful background effect to the small window.
  • Link Pre-read: Accelerates loading using Edge's technology.
  • Configurable Options:
    • Adjustable blur effect intensity.
    • Customizable small window size.

Notes:

  • Clicking or scrolling on the page can automatically close the small window.
  • Experience it now! 🚀 Enhance Browsing Efficiency — Install the script to enjoy intelligent link previews and aesthetically pleasing small windows!

1.png

Original Author

hiisme

🔍You may be looking for web related scripts

Help

Recommended browsers and script managers：

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

If you need to know more about how to install userscripts,click meView graphic teaching!

More user scripts / back to top↑

View all publish scripts

🔍you may be looking for ChatGPTRelated scripts

🔍you may be looking for Web related scripts

🔍you may be looking for GitHubRelated scripts

  • GitHubSubmit information displayHTML: This script will GitHub The submission information on is converted into HTML view，to see submission details more clearly。It will automatically submit the information list、The commit header and latest commit information are converted to HTML Format，Provide better visual effects and user experience。
  • GitHub File list beautifier: GitHub File List Beautifier is a user script，used to enhance GitHub Display effect of files in warehouse。It can add colors to files and folders，and replace the file type icons with small images，Makes the code base easier to browse and manage。
  • Github List of code languages ​​show all: Expand Github List of languages ​​on the repository，Show each language，Instead of hiding small parts in “other” Down
  • GitHub Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and automatically confirms it.。
  • GitHubfolderdownload: Add a download button，Allows easy downloading of specific GitHub folder。
  • GitHubDownload single files and copy filesURL: Add button at the end of each file line，to copy the original file URL and download files
  • githubShow warehouse size: existGithubShow warehouse size when viewing and searching warehouses
  • GitHub Sort by Date: Change the sorting method of warehouse list files to descending date order，Conveniently view the latest updated files。

🔍you may be looking for GoogleRelated scripts

  • Google Advanced search: This is a for Google Add user script for advanced search form。It adds a hideable advanced search form at the top of the page，Enable you to search for information more precisely。
  • Google Search and block specific sites: Block specific sites from search engine results，Help users filter out unwanted search results。 Custom input blocking site。Format-zhihu -baidu Used to block Google search content

🔍you may be looking for GreasyForkRelated scripts

  • GreasyForksuitable for enhancement: The script details page is added. It is suitable for links to be added. Click to open the web page.，Copy web page,tire search
  • GrreasyFork User-published script data visualization: useChart.jsObtaining and visualizing user script data，And generate a chart on the user’s personal homepage to display the detailed installation status below.
  • GreaysFork Enhance WebHookSync settings: This script can help you quickly enter script synchronization information，And add language codes for multiple countries in batches，Instead of clicking the selection boxes one by one and going to the corresponding URL。
  • GreasyFork Markdown toobar: Used by default in forums Markdown Format，Add format help link and Markdown Toolbar introduction
  • GreasyFork Show script ratings: Add evaluation scores to script list
  • GreasyFork Advanced search: Search using Google GreasyFork and SleazyFork superior script
  • GreasyFork Navigation barEnhance: EnhancegreasyforkNavigation bar,Add user list,User console etc.
  • GreasyforkGlue craftsman: Enhancegreasyfork,Copy code，Script download，Precise time to seconds，Home page cleanup，Discuss one-click reporting，Script list jump code added download Beautify view code and display code reference files，show script icon，Jump to adult scripts and other operations
  • Greasyfork Notification assistant: When there’s a new reply to your script or to a discussion you’re participating in，The script will display the latest discussion content in a modal window on the web page。
  • Script FinderGrease Monkey Script Finder: Script Finder is a user script（userscript），It helps you find and manage userscripts on any website

🔍you may be looking for Related scripts

🔍you may be looking for adult script

🔍you may be looking for automatic translation

  • foreign language terminator: Recognize non-Chinese characters，If the length is greater than 5 And the translated text does not contain Chinese，then replace it with Chinese,Need to be accessiblegooglenetwork
  • web page translation——Automatically translated to Chinese: Give the lower right corner of each non-Chinese web page（Can be adjusted to the lower left corner）add a google Translate icon，This version is a Chinese translation version，Only translate foreign languages ​​into Chinese，Add automatic translation