简体中文 |
English
👆️accessGitHub Readme file on for a better experience。
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.。 」
Download:Github | ⭐Greasy
Fork
Update records
🛠️ Small Window Preview Update log
📅 2024/9/30 11:56 - Ver 2.5.1.4
optimization: Add toGUISettings interface The menu is too troublesome,Set multiple points to go.
📅 2024/9/30 10:49 - Ver 2.5.1.3
optimization: Add toLong press to take effect time,After pressing the mouse to the set effective time, call the window to openLong press to trigger time.
Open window time=Long press to take effect time+Long press to trigger time
optimization: Add toGUISettings interface The menu is too troublesome,Set multiple points to go.
📅 2024/9/10 11:05 - Ver 2.5.1.0
repair: Issues that the popup size position cannot be read across the source。
New: When cross-original reading to pop-up position cannot be done，Will send a message to pop-up window，Allow pop-up windows to set their own size and position。
📅 2024/9/10 09:24 - Ver 2.5.0.0
grateful: tony0809 Code contributions。
New:
• Open Record window location hour，Automatically record the current domain name configuration。
• Find window configuration logic：Domain name configuration → Customize window configuration → Scripts come with configuration。
• No manual editing required for configuration,The script will automatically update the domain name configuration when you change the window size.Each time you change the window size will be recorded to the global custom configuration
• Configuration Rule Reference#529654
• Please refer to the video below for new functions demonstration。
📅 2024/9/3 05:26 - Ver 2.4.0.20
repair: #527837 Event error，Modify to check the mouse y axis < 1 When determining whether the mobile is on the browser tab。
📅 2024/9/2 05:34 - Ver 2.4.0.18
New: #527625
• Press the keyboard in mouse mode for a long time and do not trigger the preview window。
• Drag and drop links to new tabs in drag mode will not trigger the preview window。
📅 2024/8/29 08:39 - Ver 2.4.0.9
New: Add timeout to display progress bar when dragging，Cancel drag and drop when time runs out to open the preview window。
📅 2024/8/29 06:28 - Ver 2.4.0.8
optimization: Remove the logic of listening to mouse movement when pressing for a long time，Instead, listen to the mouse to enter the drag state and cancel the preview window.。#526172
📅 2024/8/27 00:33 - Ver 2.4.0.5
repair: #526054 Feedback BUG：
• Fixed the probability of not being able to trigger the time bar to open the preview window after closing the preview window。
📅 2024/8/25 04:59 - Ver 2.4.0.2
New: #257270
• Add a long press to display the countdown，Added the function of remembering 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 Plugin Google Chrome Super drag 0.9.9。
repair: Fixed the issue where the acrylic layer does not close when clicking the small window close button。
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
- 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.
- 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)`.
- Blur Effect Enabled (blurEnabled)
- **Description**: Enables or disables the background blur effect.
- **Action**: `toggleBlurEffect`, used to enable or disable the blur effect.
- Blur Intensity (blurIntensity)
- **Description**: Sets the intensity of the background blur.
- 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.
- 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.
- Window Width (windowWidth)
- **Description**: Sets the width of the preview window. This configuration will override the set width when `Save Window Configuration` is enabled.
- Window Height (windowHeight)
- **Description**: Sets the height of the preview window. This configuration will override the set height when `Save Window Configuration` is enabled.
- 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.
- 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.
- 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!
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!
View all publish scripts
🔍You may be looking forChatGPTRelated scripts
🔍You may be looking for web related scripts
🔍You may be looking forGitHubRelated scripts
- GitHub Submit information display web view: This script will GitHub The submission information on 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。
- Open jsDelivr link on Github: Open the GitHub link on jsDelivr to quickly download files
- GitHub warehouse quick jump assistant: 🤠 GitHub warehouse quick jump assistant, specially designed to help users quickly access their own warehouses on GitHub. It generates a button at the top of the navigation bar. Click to expand all your repositories and easily jump to your own GitHub repository page without using GitHub’s secondary menu.
- 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。Add colors and icons to files by type，Display small images in place of file type icons in repository source tree
- 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.。
- GitHub folder downloader: Add a download button，Allows easy downloading of specific GitHub folder。
- Github Copy original file URL with download files: Add button at the end of each file line，to copy the original file URL and download files
- 🤠 Github enhanced assistant warehouse display size: 🤠 Warehouse display size: On GitHub’s code search, warehouse search, issue page, user warehouse list and repository page, the size of the warehouse will be displayed next to the warehouse name, allowing users to quickly understand the scale of the warehouse and optimize their selection. Inactive development warning: If a repository has not been updated in the past six months, the system will add a prompt at the top of the repository to remind users that the repository is inactive and display the time of the last update. This helps users determine the activity and maintenance status of the warehouse. Quick jump within the warehouse: When browsing the warehouse, the user can easily view the list of all warehouses of the user, providing an entrance to quickly jump to different warehouses. Users can quickly find and access other projects of interest, improving work efficiency. Usage scenarios: Developers: By displaying the warehouse size and active warnings, you can quickly filter out suitable libraries for development and avoid using projects that are no longer maintained. Project Manager: Through the quick jump function, it is easy to manage and coordinate multiple projects and improve work efficiency. Learners: When learning new technologies, they can more easily find relevant open source projects and quickly check the activity and scale of the projects. 🤠
- GitHub Sort by date: Change file sorting to descending by date，Conveniently view the latest updated files。
🔍you may be looking forGoogleRelated scripts
🔍You may be looking forGreasyForkRelated scripts
🔍You might be looking for adult scripts
🔍You may be looking for automatic translation
- foreign language terminator: Recognize non-Chinese characters，If the length is greater than5And the translated text does not contain Chinese，Then translate and replace the original text to Chinese
- 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 agoogleTranslate icon，This version is a Chinese translation version，Only translate foreign languages into Chinese,Add automatic translation
