如何让Firefox记住CSS样式表选择或通过CGI实现永久生效？

一、浏览器端设置（让Firefox记住样式选择） #

Firefox默认会持久保存对站点的替代样式表选择，若出现失效情况，可检查以下几点：

• 关闭「隐私浏览模式」，该模式下所有偏好设置不会被保存。
• 调整隐私设置：进入about:preferences#privacy，在「历史记录」选项中，避免选择「关闭浏览器时清除历史记录」——该选项会清空样式偏好。
• 确认所有页面属于同一根域名，Firefox按域名存储样式偏好，跨域名会导致偏好失效；你的表单跳转目标是同域名下的CGI脚本，此点大概率无问题，但可自行验证。

不过浏览器端设置存在用户清除缓存、更换设备后偏好丢失的局限，更可靠的方式是通过CGI脚本实现样式偏好的持久化。

二、CGI脚本端实现样式选择永久生效（无需额外输入字段） #

1. 利用Cookie记录用户样式偏好 #

通过JavaScript监听样式切换事件，将用户选中的样式名称存入Cookie；CGI脚本生成页面时读取Cookie，动态调整<link>标签属性，把用户偏好的样式设为默认样式。

步骤如下：

• 在CGI生成的页面中添加监听脚本：

document.addEventListener('DOMContentLoaded', function() {
  const styleSheets = Array.from(document.querySelectorAll('link[rel*=stylesheet]'));
  styleSheets.forEach(sheet => {
    sheet.addEventListener('change', function() {
      if (this.rel === 'stylesheet') {
        // 将选中的样式标题存入Cookie，有效期1年
        document.cookie = `preferredStyle=${encodeURIComponent(this.title)}; path=/; max-age=31536000`;
      }
    });
  });
});

• 修改CGI脚本逻辑：读取请求头中的Cookie字段，若存在preferredStyle，则对应调整样式表的rel属性：
  • 若偏好为「Dark Mode」，则将darkmode.css的rel设为stylesheet，normal.css设为alternate stylesheet；
  • 无偏好时默认使用普通样式。

动态生成的头部示例：

<html xmlns="http://www.w3.org/1999/xhtml" lang="de-DE" xml:lang="de-DE">
<head>
<title>...</title>
<link href="/favicon.ico" rel="icon" />
<link href="/normal.css" rel="alternate stylesheet" title="Normaler Mode" type="text/css" />
<link href="/darkmode.css" rel="stylesheet" title="Dark Mode" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

2. 利用URL参数传递样式偏好（备选方案） #

若不想依赖Cookie，可通过JavaScript修改表单提交事件，将当前选中的样式标题作为隐藏参数加入URL，CGI脚本读取参数后调整样式表。

示例脚本：

document.querySelector('form').addEventListener('submit', function(e) {
  const activeSheet = document.querySelector('link[rel="stylesheet"]');
  if (activeSheet) {
    const input = document.createElement('input');
    input.type = 'hidden';
    input.name = 'preferredStyle';
    input.value = activeSheet.title;
    this.appendChild(input);
  }
});

此方式适合不依赖Cookie的场景，但用户直接访问页面时需结合Cookie完成偏好持久化。

三、补充说明 #

你当前HTML头部中的alternate="1"属于非标准属性，Firefox识别替代样式表仅依靠rel="alternate stylesheet"和title属性，建议删除该属性以避免兼容性问题。

内容的提问来源于stack exchange，提问作者U. Windl