如何检测任意网站的用户登录状态？嵌入型Widget开发需求

核心前提 #

首先要明确：不存在通用的登录状态检测方法——每个网站的登录认证逻辑（Cookie命名、Token存储、会话机制）都是自定义的，没有统一标准。而且作为第三方嵌入脚本，你受浏览器同源策略限制，能获取的信息非常有限。

可靠解决方案：网站主动配合 #

这是唯一能保证准确性的方式，需要嵌入你Widget的网站开发者协作：

• 全局变量约定：让网站在window对象上挂载一个约定变量，比如window.widgetUserLoggedIn = true（登录状态设为true，未登录设为false），你的脚本直接读取该变量即可。
• 回调函数提供：网站暴露一个全局回调函数，比如window.getWidgetUserStatus()，你的脚本调用它获取登录状态。
• script标签传参：让网站在嵌入脚本时直接携带状态参数，例如：

  <script src="your-widget.js" data-user-logged-in="true"></script>
  

  你的脚本通过document.currentScript.dataset.userLoggedIn读取参数值。

启发式推测方案（仅作参考，不可靠） #

如果无法获得网站方配合，只能尝试以下低准确率的方法：

基于Cookie特征检测 #

收集常见的登录相关Cookie关键词（如auth、session、login、sid、token），检测当前域名下是否存在这类命名的Cookie：

function hasPotentialLoginCookies() {
  const loginKeywords = ['auth', 'session', 'login', 'sid', 'token', 'user'];
  const cookies = document.cookie.split(';').map(c => c.trim().split('=')[0]);
  return cookies.some(name => loginKeywords.some(k => name.toLowerCase().includes(k)));
}

注意：很多网站的会话Cookie在未登录时也会存在，或者登录Cookie命名完全不按常规，误判率极高，仅能作为辅助参考。

基于页面UI元素检测 #

通过页面上的登录/登出按钮、用户入口等UI元素判断：

function guessLoginStatusByUI() {
  // 优先检测登出类元素（存在则大概率已登录）
  const logoutTexts = ['logout', '登出', '退出', '注销'];
  const elements = document.querySelectorAll('button, a, span');
  for (const el of elements) {
    const text = el.textContent.toLowerCase();
    if (logoutTexts.some(t => text.includes(t))) {
      return true;
    }
  }
  // 检测登录类元素（存在则大概率未登录）
  const loginTexts = ['login', '登录', '登录账号'];
  for (const el of elements) {
    const text = el.textContent.toLowerCase();
    if (loginTexts.some(t => text.includes(t))) {
      return false;
    }
  }
  // 无法判断时返回null
  return null;
}

注意：页面结构千差万别，这种方法完全依赖目标网站的UI设计，通用性极差。

关键限制提醒 #

• 浏览器同源策略会阻止你的脚本访问其他域名的存储信息，只能获取当前嵌入网站域名下的Cookie、页面元素等。
• 即使获取到Cookie，也无法验证其有效性（比如是否过期、是否为合法登录会话）。

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