AO3: Autocomplete in Menu Search Field

Turns the general search in the menu bar into an autocomplete for any canonical tags

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者
escctrl
今日安裝
0
安裝總數
12
評價
2 0 0
版本
3.0
建立日期
2025-05-06
更新日期
2025-09-28
尺寸
4.2 KB
授權條款
MIT
腳本執行於

💖 What it does

Turns the Search field in the menu bar into an autocomplete, from which you can pick a canonical tag and go straight to its works.

example view of the search with the text 'some' entered, pulling up tag suggestions in the autocomplete including Some Humor, Some Plot, and Somebody Lives/Not Everyone Dies

🪴 How to use it

  1. Select the search field in the menu bar. You'll see a prompt to "Start typing to search for a tag!".
  2. Enter the name of a tag that you're interested in. You'll get a list of suggestions of canonical tags containing that text.
  3. Select the tag you want. The page will refresh and you'll see the works on the tag you selected.

🎨 How to configure it

If you don't want to be redirected to the works, you can change a setting at the beginning of the code:

const GOTOWORKS = true; // go to the tag's works page (true) or lading page (false)

By default, this is true and will send you to the works. If you change this to false instead, you'll be sent to the tag's landing page.

If you want the tag to open in a new tab, there's also a setting at the beginning of the code:

const NEWTAB = false; // open the page in a new tab (true) or in the same tab (false)

By default, this is false and will refresh the current tab. If you change this to true instead, the tag will open in a new tab.

🐞 Known limitations

If you have custom CSS/site skins, the autocomplete might not look exactly like it does everywhere else on the site. Nevertheless, it tries to respect light/dark mode skins.

🏛️ History

  • v3 - config option to open in the current or a new tab
  • v2 - config option to choose between work and landing pages
  • v1 - autocomplete for any canonical tag