浏览器

edge

因为需要多端同步和垂直标签栏，所以选择了 edge

edge 官网：https://www.microsoft.com/zh-cn/edge

下载 deb 包，然后双击安装

firefox

由于某些原因 Ubuntu22 中自带的火狐浏览器是通过 snap 安装的，这个版本在一些情况下并不稳定，有各种小问题,比如视频解码问题、崩溃丢失数据等

shell

# 推荐先把已有的firefox删除，记得备份数据!!!
sudo apt remove firefox 
sudo snap remove firefox

# 创建一个保存 APT 库密钥的目录：
sudo install -d -m 0755 /etc/apt/keyrings

#导入 Mozilla APT 密钥环：
wget -q https://packages.mozilla.org/apt/repo-signing-key.gpg -O- | sudo tee /etc/apt/keyrings/packages.mozilla.org.asc > /dev/null
#如果没有安装 wget，请通过命令 sudo apt-get install wget 安装。
#密钥指纹应该是 35BAA0B33E9EB396F59CA838C0BA5CE6DC6315A3。你可以用以下命令检查：
gpg -n -q --import --import-options import-show /etc/apt/keyrings/packages.mozilla.org.asc | awk '/pub/{getline; gsub(/^ +| +$/,""); if($0 == "35BAA0B33E9EB396F59CA838C0BA5CE6DC6315A3") print "\nThe key fingerprint matches ("$0").\n"; else print "\nVerification failed: the fingerprint ("$0") does not match the expected one.\n"}'

# 把 Mozilla APT 库添加到源列表中：
echo "deb [signed-by=/etc/apt/keyrings/packages.mozilla.org.asc] https://packages.mozilla.org/apt mozilla main" | sudo tee -a /etc/apt/sources.list.d/mozilla.list > /dev/null

# 配置 APT 优先使用 Mozilla 库中的包：
echo '
Package: *
Pin: origin packages.mozilla.org
Pin-Priority: 1000
' | sudo tee /etc/apt/preferences.d/mozilla

# 更新软件列表并安装 Firefox .deb 包：

sudo apt-get update && sudo apt-get install firefox

Firefox 无头方案

比较喜欢用 firefox 的垂直侧边栏(插件)，用了之后觉得浏览器顶部的标签栏有点占地方，于是选择了userChrome.css 的方案

网上有详细的介绍，这里仅作整理和备份

在火狐地址栏中输入：about:config；确认；无视风险；
打开后在网页中的搜索框输入 toolkit.legacyUserProfileCustomizations.stylesheets 然后将其值改为 true
打开 firefox 右上角三条杠，选择帮助->更多排障信息打开排障信息页面
选择排障信息 -> 应用程序概要 -> 配置文件夹 -> 点击 打开目录
在目录下创建一个名为chrome的文件夹

shell

mkdir ./chrome
touch ./chrome/userChrome.css

修改userChrome.css的内容，下面是自用的 CSS

css

#TabsToolbar {
  visibility: collapse !important;
}

#sidebar-close {
  visibility: collapse;
}

#sidebar-header {
  display: none !important;
}

/* Hide the "new tab" button at the bottom edge of the tab bar */
.newtab-button-box {
  display: none;
}
#tabbar {
  bottom: 0 !important; /* Eliminate dead space on bottom */
}

/* Show scrollbar in the tab bar rightside */
:root.left #tabbar {
  direction: ltr;
  overflow-x: hidden;
}

/* Only show tab close button on hover */
#tabbar tab-item tab-item-substance:not(:hover) tab-closebox {
  display: none;
}

/*Show title of unread tabs in bold*/
tab-item.unread .label-content {
  font-weight: bold;
}

/* show separator space between root level tabs */
tab-item[data-level="0"] {
  --tab-margin-left: 0px;
}
tab-item[data-level="1"] {
  --tab-margin-left: 6px;
}
tab-item[data-level="2"] {
  --tab-margin-left: 12px;
}
tab-item[data-level="3"] {
  --tab-margin-left: 18px;
}
tab-item[data-level="4"] {
  --tab-margin-left: 24px;
}
tab-item[data-level="5"] {
  --tab-margin-left: 30px;
}
tab-item[data-level="6"] {
  --tab-margin-left: 36px;
}
tab-item[data-level="7"] {
  --tab-margin-left: 42px;
}
tab-item[data-level="8"] {
  --tab-margin-left: 48px;
}
tab-item[data-level="9"] {
  --tab-margin-left: 54px;
}
tab-item[data-level="10"] {
  --tab-margin-left: 60px;
}
tab-item[data-level="11"] {
  --tab-margin-left: 66px;
}
tab-item[data-level="12"] {
  --tab-margin-left: 72px;
}
tab-item[data-level="13"] {
  --tab-margin-left: 78px;
}
tab-item[data-level="14"] {
  --tab-margin-left: 84px;
}
tab-item[data-level="15"] {
  --tab-margin-left: 90px;
}
tab-item[data-level="16"] {
  --tab-margin-left: 96px;
}
tab-item[data-level="17"] {
  --tab-margin-left: 102px;
}
tab-item[data-level="18"] {
  --tab-margin-left: 108px;
}
tab-item[data-level="19"] {
  --tab-margin-left: 114px;
}
tab-item[data-level="20"] {
  --tab-margin-left: 120px;
}
tab-item[data-level="21"] {
  --tab-margin-left: 126px;
}
tab-item[data-level="22"] {
  --tab-margin-left: 132px;
}
tab-item[data-level="23"] {
  --tab-margin-left: 138px;
}
tab-item[data-level="24"] {
  --tab-margin-left: 144px;
}
tab-item[data-level="25"] {
  --tab-margin-left: 150px;
}
tab-item[data-level="26"] {
  --tab-margin-left: 156px;
}
tab-item[data-level="27"] {
  --tab-margin-left: 162px;
}
tab-item[data-level="28"] {
  --tab-margin-left: 168px;
}
tab-item[data-level="29"] {
  --tab-margin-left: 174px;
}
tab-item[data-level="30"] {
  --tab-margin-left: 180px;
}
tab-item[data-level="31"] {
  --tab-margin-left: 186px;
}

参考资料：

firefox 看视频卡顿问题

使用 firefox 看视频时出现卡顿，发现是 CPU 占用过高，查询发现是 firefox 在使用 CPU 进行解码，而不是使用显卡进行解码。

解决方案为：Firefox 设置->常规->性能->取消勾选“使用推荐的性能设置”->勾选“自动启用硬件加速”

参考资料：

浏览器 ​

edge ​

firefox ​

Firefox 无头方案 ​

firefox 看视频卡顿问题 ​

浏览器

edge

firefox

Firefox 无头方案

firefox 看视频卡顿问题