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.

Install this script?
Author's suggested script

You may also like Greasyfork Utility Toolkit.

Install this script
Author
人民的勤务员
Daily installs
2
Total installs
163
Ratings
11 0 0
Version
2.5.1.4
Created
2024-08-23
Updated
2024-10-03
License
MIT
Applies to
All sites

Small window preview

「 Open link in popup window when dragging link,and provide a preview before opening,use Edge pre-reading technology。At the same time, add an acrylic effect behind the small window when it is opened.。 」

Views

Download:Github | ⭐Greasy Fork

Update record

🛠️ Small Window Preview Change log

📅 2024/9/30 11:56 - Ver 2.5.1.4

optimization: Add toGUISetting interface The menu is too troublesome,Set up multiple points to point to and from.


📅 2024/9/30 10:49 - Ver 2.5.1.3

optimization: Add toLong press effective time,After the mouse is pressed equal to the set effective time, the function before opening the small window is called.Long press trigger time.
Open small window time=Long press effective time+Long press trigger time optimization: Add toGUISetting interface The menu is too troublesome,Set up multiple points to point to and from.


📅 2024/9/10 11:05 - Ver 2.5.1.0

repair: The problem of not being able to read the size and position of the pop-up window across sources。
New: When the pop-up window location cannot be read across sources,Will send information to the pop-up window,Allow pop-ups to set their own size and position。


📅 2024/9/10 09:24 - Ver 2.5.0.0

grateful: tony0809 code contributions。
New:
• turn on Record window position hour,Automatically record current domain name configuration。
• Find window configuration logic:Domain name configuration → Custom window configuration → Script comes with configuration。
• No manual editing required for configuration,The script will automatically update the domain configuration when you change the window size.Every time you change the window size it will be recorded in the global custom configuration
• Configuration rules reference#529654
• Please refer to the video below for a demonstration of the new features.。


📅 2024/9/3 05:26 - Ver 2.4.0.20

repair: #527837 event error,Modified to check mouse y axis < 1 Determine if the move is on a browser tab。


📅 2024/9/2 05:34 - Ver 2.4.0.18

New: #527625
• Pressing the keyboard in long-press mouse mode does not trigger the preview window。
• When dragging a link to a new label in drag mode, the preview window will not be triggered.。


📅 2024/8/29 08:39 - Ver 2.4.0.9

New: Add timeout to display progress bar when dragging,Cancel drag and drop to open preview window when time runs out。


📅 2024/8/29 06:28 - Ver 2.4.0.8

optimization: Remove the logic of monitoring mouse movement when long-pressed,Change to monitor the mouse and cancel the opening of the preview window when it enters the dragging state.。#526172


📅 2024/8/27 00:33 - Ver 2.4.0.5

repair: #526054 feedback BUG:
• Fixed the probability issue that the time bar cannot be triggered to open the preview window after closing the preview window.。


📅 2024/8/25 04:59 - Ver 2.4.0.2

New: #257270
• Added display countdown when long press,Added function to remember window position。


📅 2024/8/24 07:29 - Ver 2.4

optimization: Add language pack,Optimize script performance。


📅 2024/8/23 08:12 - Ver 2.4

optimization: compatible Chrome plug-in Google Chrome super drag 0.9.9
repair: Fixed the problem that the acrylic layer does not close when clicking the close button of the small window。

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 网页相关脚本

🔍you may be looking for GitHubRelated scripts

🔍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

🔍你可能在找 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 upper script
  • GreasyFork Navigation barEnhance: 增强greasyfork导航栏,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

🔍你可能在找 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