AO3: Autocomplete in Menu Search Field

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

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

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

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 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