Tab Busy Thinking

Display "thinking..." instead of the tab title when the tab is loading or pending.

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

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

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

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

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

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

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

Advertisement:

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

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

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

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

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

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

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

Advertisement:

/* ==UserStyle==
 * @name            Tab Busy Thinking
 * @name:zh-CN      标签页载入中显示"thinking..."
 * @description     Display "thinking..." instead of the tab title when the tab is loading or pending.
 * @description:zh-CN  当标签页正在载入或待载入时,将标签文本显示为"thinking..."
 * @author          Ryan
 * @version         0.2.1
 * @compatibility   Firefox 121
 * @homepageURL     https://github.com/benzBrake/FirefoxCustomize
 * @usercssloader   true
 * @var             text tab-busy-thinking-text "显示文本" "thinking..."
 * @license MIT
 * @namespace       https://github.com/benzBrake/FirefoxCustomize
==/UserStyle== */

/* 隐藏原有标签文本 - busy状态 */
tab[busy] .tab-label,
/* 隐藏原有标签文本 - pending状态 */
tab[pending] .tab-label {
  display: none;
}

/* 使用伪元素显示"thinking..." - busy状态 */
tab[busy] .tab-label-container::after,
/* 使用伪元素显示"thinking..." - pending状态 */
tab[pending] .tab-label-container::after {
  content: var(--tab-busy-thinking-text, "thinking...");
  visibility: visible;
  color: #888888; /* 可选:设置颜色 */
}