Draggy

Drag a link to open in a new tab; drag a piece of text to search in a new tab.

目前為 2024-10-20 提交的版本,檢視 最新版本

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

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

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

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

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

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

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

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

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

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

作者
PRO-2684
評價
0 0 0
版本
0.2.0
建立日期
2024-10-02
更新日期
2024-10-20
尺寸
15.3 KB
授權條款
GPL-3.0
腳本執行於
所有網站

🪄 Features

  • Drag a link or image to open in a new tab
  • Drag a piece of text to search in a new tab
  • Customizable search engine and maximum search term length
  • Customizable minimum drag distance
  • A circle overlay to indicate the minimum drag distance
  • Dark Reader support
  • Todo list
    • Using Esc to interrupt draggy (might not be possible to detect)

⚙️ Configuation

  • 🎨 Appearance settings: Settings for the appearance of Draggy overlay.
    • Circle overlay: When to show the circle overlay。
      • Always: Always show the circle overlay when dragging is detected
      • Auto: Show the circle overlay only when the detected dragging is targeting text selection or links
      • Never: Never show the circle overlay
  • 🛠️ Operation settings: Settings for the operation of Draggy.
    • Open tab in background: Whether to open new tabs in the background。
    • Open tab insert: Whether to insert the new tab next to the current tab. If false, the new tab will be appended to the end.
    • Matching URI in text: Whether to match URI in the selected text. If enabled AND the selected text is a valid URI AND its protocol is allowed, Draggy will open it directly instead of searching.
    • Minimum drag distance: Minimum distance to trigger draggy.
  • 🔎 Search engine settings: Configure search engines for different directions. Use {<max-length>} as a placeholder for the URL-encoded query, where <max-length> is the maximum text length. If <max-length> is not specified, the search term will not be truncated.
    • Search engine (default): Default search engine used when dragging text.
    • Search engine (left): Search engine used when dragging text left. Leave it blank to use the default search engine.
    • Search engine (right): Search engine used when dragging text right. Leave it blank to use the default search engine.
    • Search engine (up): Search engine used when dragging text up. Leave it blank to use the default search engine.
    • Search engine (down): Search engine used when dragging text down. Leave it blank to use the default search engine.
    • Author's configuration
  • ⚙️ Advanced settings: Settings for advanced users or debugging.
    • Allowed protocols: Comma-separated list of allowed protocols for matched URI in texts. Leave it blank to allow all protocols.
    • Maximum time delta: Maximum time difference between esc/drop and dragend events to consider them as separate user gesture. Usually there's no need to change this value.
    • Debug mode: Enables debug mode.

📃 Notes

If you're using Microsoft Edge, you might find that "Super Drag Drop" is what you're looking for, which has its own pros and cons compared to Draggy. Below is a comparison table between the two, and if you prefer Super Drag Drop, enable the flag at edge://flags/#edge-super-drag-drop, then enable the feature at edge://settings/superDragDrop.

Feature Draggy Super Drag Drop
Drag link, text and image 🟢 🟢
Open tab in background 🟢 🟢
Open tab insert 🟢 🔴*
Compatibility 🟡 🟢
Custom search engine 🟢* 🟡*
Custom allowed protocols 🟢 🔴*
Maximum search term length 🟢 🔴
Minimum drag distance 🟢 🔴
Cancel drag 🟢* 🟢*
Prompt 🟢* 🟢*
Website exclude list 🟢* 🟢
Hackability 🟢 🔴
Privacy 🟢 🔴*
Cross-browser 🟢* 🔴*