如何使用JavaScript请求页面时携带与当前浏览器不同的Cookie集合？

好问题！这确实是浏览器原生Fetch API的一个小痛点——默认情况下，要么自动携带所有同源Cookie（当credentials设为'include'或'same-origin'时），要么完全不带（credentials: 'omit'），没法精准控制只发送指定的自定义Cookie，尤其是你提到的HttpOnly Cookie没法通过JS删除的情况，备份-删除-恢复的路子确实走不通。

不过针对你的需求，还是有靠谱的解决方案的，尤其是在Greasemonkey/Tampermonkey这类用户脚本环境下：

一、原生JavaScript的局限 #

浏览器的同源策略和Cookie管理机制决定了，原生Fetch API无法绕过自动携带同源Cookie的行为。如果你尝试手动在headers里设置Cookie字段，当credentials不为'omit'时，浏览器会自动把现有同源Cookie追加进去；如果设为'omit'，浏览器又会忽略你手动设置的Cookie头。所以原生JS环境下，确实没有通用方法实现仅发送自定义Cookie的需求。

二、用户脚本（Greasemonkey/Tampermonkey）的解决方案 #

用户脚本提供了一个特殊的API：GM_xmlhttpRequest，它完全绕过浏览器的自动Cookie处理逻辑，允许你完全自定义请求头中的Cookie字段，不管浏览器本地存储了什么Cookie，都不会被自动添加到请求里。

针对你举的例子（当前浏览器有key1=value1、key2=value2，想要请求同域页面时仅携带key2=anothervalue2），可以这样写：

// ==UserScript==
// @name         仅发送自定义Cookie示例
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  跳过浏览器自动Cookie，仅发送指定的自定义Cookie
// @match        https://your-target-domain.com/*  // 替换成你的目标域名
// @grant        GM_xmlhttpRequest
// ==/UserScript==

// 发起请求，仅携带自定义的Cookie
GM_xmlhttpRequest({
  method: 'GET', // 可根据需求改为POST等其他方法
  url: 'https://your-target-domain.com/your-target-page',
  headers: {
    // 这里只写你想要发送的Cookie，浏览器不会追加任何其他Cookie
    'Cookie': 'key2=anothervalue2'
  },
  onload: function(response) {
    console.log('请求成功，响应内容:', response.responseText);
    // 这里可以处理响应结果
  },
  onerror: function(error) {
    console.error('请求失败:', error);
  }
});

为什么这个方法可行？ #

GM_xmlhttpRequest是用户脚本引擎提供的独立请求API，它不遵循浏览器原生的Cookie自动携带规则，请求头完全由你掌控。不管是普通Cookie还是HttpOnly Cookie，都不会被自动附加到请求中，完美实现“仅发送自定义Cookie”的需求。

总结 #

• 原生JavaScript环境下，没有通用方法实现仅发送自定义Cookie的需求；
• 在Greasemonkey/Tampermonkey等用户脚本环境中，使用GM_xmlhttpRequest API可以轻松实现该需求，且不受浏览器现有Cookie（包括HttpOnly类型）的影响。

内容的提问来源于stack exchange，提问作者allo