标签页载入中显示"thinking..."

当标签页正在载入或待载入时,将标签文本显示为"thinking..."

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 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; /* 可选:设置颜色 */
}