美文网首页
火狐浏览器的标签栏和地址栏太高了?

火狐浏览器的标签栏和地址栏太高了?

作者: 几簟生凉 | 来源:发表于2023-04-01 12:42 被阅读0次

自从新版edge出来一直在用,可是它越来越臃肿,直到最近那个硕大的‘发现’按钮成功逼退了我,在new bing能正常使用之前还是先去火狐避避难吧。但是火狐的标签栏和地址栏看起来太高了。

紧凑模式

之前火狐自定义外观有一个紧凑模式,不清楚处于什么考虑,在新版本中取消了。实际上参照官网的介绍,还是可以打开的。

模板样式

如果你不想止步于此,火狐作为一个开源的浏览器,定制方面是有着无限可能的。打开这个网站https://firefoxcss-store.github.io/你就会发现一个新天地。

虽然我们用的是火狐,但是我们可以假装用的的edge,这个主题帮我们实现,打开主题网页,按照它提供的说明:

在火狐的地址栏输入about:config,打开高级设置,然后修改下面6个选项

  1. toolkit.legacyUserProfileCustomizations.stylesheets = true
  2. svg.context-properties.content.enabled = true
  3. layout.css.color-mix.enabled = true
  4. browser.tabs.tabMinWidth = 66
  5. browser.tabs.tabClipWidth = 86
  6. browser.tabs.tabmanager.enabled = false

如果是mac用户,还需要多改一个widget.macos.native-context-menus = false

在火狐的地址栏输入about:support,应用程序概要中写了配置文件夹的路径,打开那个文件夹,然后将主题提供的chrome文件夹复制到配置文件中,重启浏览器即可。

主题配置

自定义样式

还是不满意,你得研究一下firefox的样式定义了,以刚才的主题为例打开chrome/toolbar/urlbar.css文件,搜索height,找到的这段代码看样子是定义地址栏高度的,把这两个8px都改成4px你会发现又压缩了4像素。其他的再自己想办法吧。

urlbar.css中的代码

相关文章

  • [前端冷知识集锦]

    浏览器地址栏运行JavaScript代码 浏览器地址栏运行HTML代码 把浏览器当编辑器 利用script标签保存...

  • 浏览器

    一、打开/关闭浏览器 二、标签栏 1、窗口(Windows) 2、每个标签栏(title) 三、导航栏 1、地址栏...

  • 二、http简介

    什么是请求和响应 如下图所示,我们用自己的电脑,通过浏览器【火狐、ie、chrome等浏览器】在地址栏输入自己想要...

  • 火狐怎么解除网页右键菜单和复制限制

    开火狐浏览器,在地址栏(输网址的地方)里输入“about:config” 在页面中搜索输入框输入“javascri...

  • 我的部分Tasker配置

    导入方式:确保安装正版Tasker(破解版),复制配置名下方链接,粘贴到火狐浏览器或via浏览器地址栏打开,Tas...

  • HTML加载过程

    在地址栏输入url,返回html后,浏览器开始顺序加载并渲染DOM Body标签 当浏览器遇到body标签才算真正...

  • 前端冷知识

    浏览器地址栏运行JavaScript代码 在地址栏输入以javascript:开头后跟要执行的语句 在地址栏输入,...

  • ICO图标的制作和实际应用场景

    什么是ICO图标 favicon,即Favorites Icon的缩写,是指显示在浏览器收藏夹、地址栏和标签标题前...

  • 火狐浏览器的工具栏怎么变得这么宽?

    火狐浏览器的工具栏(搜索栏)(标签栏)上变得非常宽? 解决方案: 禁用 附加组件里的“附加组件管理器”能解决。...

  • Firefox“最小化/最大化/关闭”按钮的大小调整的可行性方案

    火狐是支持用户通过css文件对浏览器的一些部件进行修改的,具体步骤如下: 1、进入高级配置,在地址栏输入about...

网友评论

      本文标题:火狐浏览器的标签栏和地址栏太高了?

      本文链接:https://www.haomeiwen.com/subject/rcvkddtx.html