JQuery Cookie在IE和Edge中为特定URL设置Cookie的问题

嘿，我帮你排查下这个Edge和IE11的Cookie兼容问题！你的代码在Chrome里正常，但旧浏览器里失效，大概率是两个点出了问题：路径参数的处理和expires参数的格式，这俩是IE/Edge对Cookie的“挑剔”点。

问题分析 #

1. expires: 1的格式问题：jQuery Cookie插件在旧浏览器中，对数字类型的expires支持不太友好，IE/Edge可能无法正确解析“1”代表1天，需要传入明确的Date对象。
2. 路径window.location.pathname的兼容性：IE/Edge对Cookie路径的校验更严格，如果当前页面是带文件名的路径（比如/page.html），直接用pathname可能会出现识别问题；另外如果是本地file://协议打开页面，IE默认会阻止这类Cookie。

修复后的代码 #

试试把expires换成日期对象，同时确保路径处理兼容旧浏览器：

if ($.cookie('pressed')) {
    alert("Button is already pressed.");
} else {
    // 生成明确的过期日期（1天后）
    const expiryDate = new Date();
    expiryDate.setDate(expiryDate.getDate() + 1);
    
    // 获取当前页面路径，针对IE/Edge做兼容处理
    let currentPath = window.location.pathname;
    // 如果路径是具体文件（比如/index.html），IE可能需要确保路径格式正确
    // 若要严格限定仅当前页面有效，保留原路径即可；如果需要同目录下页面共享，可改为currentPath.replace(/\/[^\/]*$/, '/')
    currentPath = currentPath || '/'; // 兜底处理空路径情况
    
    $.cookie('pressed', 'somevalue', { 
        expires: expiryDate, 
        path: currentPath,
        secure: window.location.protocol === 'https:' // 可选：如果是HTTPS站点，开启secure增强安全性
    });
    executeSomeFunction();
}

额外排查步骤 #

如果还是不行，试试这几个方向：

• 检查浏览器Cookie设置：确保IE/Edge没有阻止本地Cookie（尤其是用file://打开本地页面时，IE默认会拦截），可以在浏览器设置里允许所有站点Cookie测试。
• 确认插件加载顺序：必须先加载jQuery，再加载Cookie插件，旧浏览器对脚本顺序的容错性更低。
• 测试会话Cookie：先移除expires参数，测试会话级Cookie（关闭浏览器即失效）是否能正常保存，排除过期时间的影响。
• 验证路径值：在IE/Edge中用console.log(window.location.pathname)打印路径，确认和Chrome中的值一致，若有差异则针对性调整路径参数。

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