UTags Shortcuts

Floating or sidebar quick navigation with per-site groups, icons, JS script execution, and editable items.

目前為 2025-12-21 提交的版本,檢視 最新版本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者
Pipecraft
評價
0 0 0
版本
0.1.18
建立日期
2025-12-10
更新日期
2025-12-21
尺寸
262.5 KB
授權條款
MIT
腳本執行於
所有網站

UTags Shortcuts

UTags Shortcuts is a powerful userscript that provides a floating or sidebar navigation panel for quick access to your favorite links and scripts. It features per-site grouping, icon support, and versatile customization options, making it an essential tool for power users who want to streamline their browsing workflow.

中文文档

screenshot screenshot screenshot screenshot screenshot screenshot screenshot

Key Features

  • Per-Site Grouping: Automatically displays relevant navigation groups based on the website you are currently visiting. Configure groups to appear on specific domains or URL patterns.
  • Two Display Modes:
    • Floating Mode: A discreet floating icon that expands on hover, perfect for saving screen space.
    • Sidebar Mode: A fixed sidebar (left or right) for quick and always-visible access, ideal for wide screens.
  • Versatile Items:
    • URLs: Add quick links to any webpage. Supports relative paths to the current page.
    • JS Scripts: Execute small JavaScript snippets directly from the menu for quick automation.
  • Visual Customization:
    • Icons: Automatically fetches favicons or supports custom icon URLs.
    • Themes: seamlessly adapts to system or website themes (Light/Dark/System).
  • Easy Management:
    • Quick Add: Instantly add the current page to a group.
    • Visual Editor: Drag-and-drop to reorder items, manage groups, and edit properties via a user-friendly interface.
  • Keyboard Shortcuts: Toggle the panel instantly with Alt+Shift+K.

Installation

Usage

  1. Opening the Panel:
    • Hover over the "edge strip" (default: top-right edge of the screen).
    • Or use the shortcut Alt+Shift+K.
  2. Adding Links:
    • Open the panel and click the + button at the bottom to add the current page to a group.
    • You can choose which group to add the link to or create a new group.
  3. Managing Items:
    • Right-click the floating icon or click the Settings button in the panel to open the configuration modal.
    • Here you can:
      • Create, edit, or delete groups.
      • Add or edit specific items (Links or Scripts).
      • Change matching rules for when groups should appear.
      • Adjust layout preferences (Floating vs. Sidebar).

Use Cases

  • Site-Specific Tools: Create a "GitHub" group that only appears on github.com, containing links to your Issues, Pull Requests, and Profile.
  • Global Toolbox: Create a "Tools" group that appears on every site (*), offering quick access to translation services, JSON formatters, or note-taking apps.
  • Reading Assistant: Add "Next Chapter" or "Previous Chapter" scripts/links for your favorite novel reading sites.
  • Development Helper: Execute quick JS snippets to fill forms, clear cache, or switch environments.

Configuration

Access the settings panel to customize:

  • Layout Mode: Switch between Floating and Sidebar.
  • Sidebar Position: Left or Right.
  • Default Open Behavior: Open links in the same tab or a new tab.
  • Appearance: Adjust the size, opacity, and color of the edge trigger strip.
  • Hotkey: Customize the toggle shortcut.

Supported Variables

You can use the following variables in the URL field. They will be replaced with the corresponding values from the current page:

  • {hostname}: Current hostname (e.g., www.google.com).
  • {hostname_without_www}: Hostname without www. prefix (e.g., google.com).
  • {hostname_top_level}: Top-level domain extracted from current URL (e.g., google.com, bbc.co.uk).
  • {current_url}: Full URL of the current page.
  • {current_url_encoded}: URL-encoded full URL.
  • {current_title}: Title of the current page.
  • {current_title_encoded}: URL-encoded title of the current page.
  • {query}: Search keywords extracted from URL parameters (automatically detects q, query, kw, wd, keyword, p, s, term).
  • {selected}: Currently selected text on the page.
  • {q:param}: Value of the specified query parameter (e.g., {q:id} for ?id=123).
  • {p:n}: The n-th path segment of the URL (e.g., {p:1} gets foo from /foo/bar).
  • {t:text}: Returns the text directly (e.g., {t:hello}).
  • {te:text}: Returns the URL-encoded text (e.g., {te:hello world} returns hello%20world).
  • Fallback: Use || to define a fallback value (e.g., {selected||query||t:default}).

Changelog

v0.1.16

  • Added group display style options: "Icon+Title", "Icon Only", and "Title Only".
  • Added panel background color setting with presets.
  • Improved "Icons Per Row" setting UX.

v0.1.14

  • Support dragging and dropping links from the web page to groups.

v0.1.12

  • Support more URL variables: {q:param}, {p:n}, {t:text}, {te:text}.

v0.1.6

  • Added sidebar mode.
  • Added JS script execution support.
  • Improved UI and customization options.

More Useful Scripts

🏷️ UTags - Add User Tags to Links

  • Link: Greasy Fork
  • Features: Add custom tags and notes to user, post, video and other links
  • Highlights: Support special tag filtering (like spam, block, clickbait, etc.), data export/import, auto-mark viewed posts
  • Supported Sites: V2EX, X(Twitter), Reddit, GitHub, Bilibili, Zhihu, Linux.do, Youtube and 50+ websites
  • Description: Super useful tag management tool for adding tags to forum users or posts, making it easy to identify or block low-quality content

🧰 UTags Advanced Filter

  • Link: Greasy Fork · ScriptCat · GitHub Raw
  • Features: Real-time filtering and hiding of scripts on GreasyFork
  • Highlights: Available as both a userscript and a browser extension
  • Supported Sites: Greasy Fork
  • Description: A tool that supports real-time filtering and hiding on GreasyFork, available in userscript and browser extension versions

🔗 Links Helper

  • Link: Greasy Fork
  • Features: Open third-party website links in new tabs, parse text links into hyperlinks
  • Highlights: Support custom rules, parse Markdown and BBCode formats, convert image links to image tags
  • Supported Sites: Universal for all websites, including Google, YouTube, GitHub, V2EX, etc.
  • Description: Enhance link browsing experience, automatically process various link formats for more convenient web browsing

🔍 Find Scripts For This Site

  • Link: Greasy Fork · ScriptCat · GitHub
  • Features: Quickly find scripts for the current site across multiple repositories
  • Highlights: Settings dialog, real-time sync, smart domain extraction
  • Supported Sites: All websites
  • Description: A user script to quickly find scripts for the current site across multiple repositories, now with a settings dialog and real-time sync across tabs

License

MIT License — see LICENSE

Related Links