☰

使 Firefox 中的书签工具栏仅显示图标

tag-icon • tag-icon firefox bookmarks toolbar favicon
使 Firefox 中的书签工具栏仅显示图标

在 Chrome 中，您可以用其图标替换工具栏中书签的名称。在 Firefox 中可以做同样的事情吗？我希望所有书签都只显示图标以节省空间。

答案1

有一个插件可以做到这一点，“智能书签栏”：

https://addons.mozilla.org/en-US/firefox/addon/4072

您可以将其设置为永不显示名称或当鼠标悬停时显示名称。

答案2

您可以相当简单地从书签中删除文本，这样就只剩下图标了。

替代文本

答案3

删除描述/标签的缺点是，您会失去书签的一些实用性，您不能只是在 URL 栏中键入其名称并再找到它，如果图标丢失（例如，如果您移动到另一台机器），您的书签将变得更难管理。您可以做到这一点，而无需安装任何附加组件或删除任何书签描述，只需隐藏它们即可。

您可以在 Firefox 配置文件文件夹中创建一个名为“ ”的文件userChrome.css。此文件可用于添加 CSS 规则以自定义 Firefox 的 UI，包括隐藏这些标签。

在记事本中创建一个文本文件，其中包含以下内容：

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* set default namespace to XUL */

/* hide the bookmark toolbar icon labels */
toolbarbutton.bookmark-item>.toolbarbutton-text,toolbarbutton.bookmark-item>.toolbarbutton-multiline-text {
  display: none !important;
}

将此文件另存为“ userChrome.css”，并将其保存到ChromeFirefox 配置文件夹中。在普通 Windows 系统中，此文件夹位于以下位置之一；在 Mac/Linux 系统中，此文件夹位于同等位置：

Win XP：C:\Documents and Settings\*[您的登录名]\应用程序数据\Mozilla\Firefox\配置文件\[随机文本]*.default\chrome

在 Vista 上：C:\Users\*[YourLogin]\应用程序数据\漫游\Mozilla\Firefox\配置文件\[随机文本]*.default\chrome

笔记您的个人资料中可能目前不存在“ chrome”文件夹或“ ”文件，但如果它们目前不存在，您可以创建它们。更多信息请访问userChrome.cssMozillaZine：UserChrome.css，感谢@Andrew 在评论中指出这一点。

保存后重新启动 Firefox，您就会发现您有一个无标签的书签工具栏。

如果您想要使用此文件设置的其他内容的示例，请打开userChrome-example.css您应该在 Chrome 文件夹中看到的文件。

答案4

我时不时地回到这个页面，所以我想把所有有用的内容编译成一个答案。

以下是如何隐藏 Firefox 书签工具栏中每个书签图标旁边的文本：

首先，您需要让 Firefox 查找 userChrome.css 文件，以便能够编辑 Firefox 本身的 CSS。操作如下：

  • 输入about:config您的 URL 搜索栏。
  • 搜索toolkit.legacyUserProfileCustomizations.stylesheets(或“userprof”) 并将其设置为true。

接下来，您需要创建 userChrome.css 文件。具体操作如下：

  • 输入about:profiles您的 URL 搜索栏。
  • 在根目录旁边，单击打开文件夹按钮。
  • 在打开的文件夹中，创建一个铬合金文件夹
  • 在该文件夹中，创建一个新的文本文件：/chrome/userChrome.css
  • 将其内容设为用户Chrome.css：
/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* set default namespace to XUL */

/* hide the bookmark toolbar icon labels */
toolbarbutton.bookmark-item>.toolbarbutton-text,toolbarbutton.bookmark-item>.toolbarbutton-multiline-text {
  display: none !important;
}

最后一点才是真正重要的。它隐藏了 Firefox 书签工具栏中每个书签图标旁边的文本。

完成上述所有操作并保存后，最后一步，重新启动 Firefox，然后它就可以正常工作了，您可以对此投赞成票。;)

可选信息：

为了找到需要隐藏的 CSS（下的子元素<toolbarbutton class="bookmark-item">），我必须在 Firefox WebDeveloper 设置中启用一些功能（从 F12 开始）：

  • 启用浏览器 chrome 和附加调试工具箱。
  • 启用远程调试。
  • 打开“浏览器控制台”（也可以按 F12）后授予它权限。这样，你实际上可以在 Firefox 内部查看 Firefox 自身的 HTML + CSS！

有用的 URL：

相关内容