Web 專案：解決 IE 瀏覽器自動登入（Remember Me）失效問題

許多 Web 專案實作「自動登入」功能：使用者勾選「記住我」，下次開啟瀏覽器直接帶入 Cookie 免輸入帳密。Chrome、Firefox 運作正常，唯獨 IE 瀏覽器頻繁失效。本文分享實際除錯經驗，找出根本原因並給出解決方案。

問題現象

• Chrome 完美支援自動登入，Cookie 正常讀寫。
• IE 瀏覽器下，Cookie 雖寫入但下次造訪無法自動帶入，導致需重複登入。
• 前端 Checkbox 的 name 屬性為空，懷疑 IE 不送出該欄位值。
• 後端使用 Redis 儲存 Token，並以 response.addHeader("Set-Cookie", ...) 寫入 Cookie。

排查過程

1. 前端 Checkbox 欄位

原始碼：<input name="" type="checkbox" id="loginChecked"> 自動登入</div>
name 為空字串，雖然非標準寫法，但 Chrome 仍送出 on 值。IE 可能忽略無名稱欄位，建議補上 name="autoLogin"。

2. 後端 Cookie 寫入方式

關鍵發現：原代碼使用 response.addHeader() 手動組裝 Set-Cookie 標頭，IE 對手寫標頭解析嚴格，導致 Cookie 不生效。改用標準 API response.addCookie(cookie) 後，IE 即能正確接收並儲存 Cookie。

// 原寫法（IE 失效）
response.addHeader("Set-Cookie", cookieString);

// 修正寫法（通用）
Cookie cookie = new Cookie("autoLoginToken", tokenValue);
cookie.setMaxAge(3600); // 1 小時
cookie.setPath("/");
response.addCookie(cookie);

3. Cookie 跨瀏覽器相容性

Cookie 機制屬 HTTP 標準，瀏覽器間差異極小。問題核心在於「伺服器如何寫入 Cookie 標頭」，而非瀏覽器讀取機制不同。

解決方案總結

1. 前端 Checkbox 補齊 name 屬性。
2. 後端統一改用 response.addCookie(Cookie) 寫入 Cookie，勿手拼 Set-Cookie 標頭。
3. 確認 Cookie Path、Domain、Secure、HttpOnly 等屬性設定正確。

補充提醒

若專案仍需支援舊版 IE（IE8/9），請額外檢查 P3P 標頭與第三方 Cookie 政策，但現代專案多已棄用 IE，建議專注於標準相容寫法。