IE11与iPad Safari中密码重置链接参数丢失问题排查与解决

嘿，这个问题我之前帮团队排查过类似的，咱们一步步来拆解：

你遇到的报错SCRIPT5009: 'URLSearchParams' is not defined是核心线索：

• IE11完全不支持URLSearchParams这个现代浏览器API，连最基础的构造函数都没有；
• 旧版本的iPad Safari（比如iOS 10及更早系统预装的Safari）同样没有实现这个API，这就是为什么你在iPad mini上能稳定复现的原因。

当代码尝试调用一个浏览器根本不认识的API时，直接抛出错误中断执行，自然没法解析URL里的email和tmpPas参数，导致密码重置流程卡壳。另外还要提个细节：你的链接里参数是tmpPas，但代码里写的是tmpPass——这个拼写不一致，哪怕API正常也会拿不到值，得先统一过来！

方案1：手动解析URL参数（最稳妥，零依赖） #

自己写一个兼容所有浏览器的参数解析函数，完全不依赖现代API：

function getUrlParam(paramName) {
  // 转义特殊字符，避免正则匹配出错
  const escapedName = paramName.replace(/[\[\]]/g, '\\$&');
  const regex = new RegExp(`[?&]${escapedName}=([^&#]*)`);
  const matchResult = regex.exec(window.location.href);
  
  if (!matchResult) return '';
  // 解码参数值，处理空格和特殊字符
  return decodeURIComponent(matchResult[1].replace(/\+/g, ' '));
}

// 调用时注意参数名和链接一致
const emailAddress = getUrlParam('email');
const tempPass = getUrlParam('tmpPas'); // 这里修正了拼写！

方案2：引入Polyfill（适合已有现代项目栈的情况） #

如果你的项目已经在用Babel、Webpack这类构建工具，可以引入url-search-params-polyfill来补全旧浏览器的API支持：

1. 安装依赖：npm install url-search-params-polyfill --save
2. 在项目入口文件（比如main.js）里引入：

import 'url-search-params-polyfill';

这样你原来的代码几乎不用改，polyfill会自动在不支持的浏览器里模拟出URLSearchParams的功能。

方案3：手动解析整个查询参数字典 #

如果需要一次性拿到所有参数，也可以写个函数返回完整的参数字典：

function getAllUrlParams() {
  const params = {};
  const searchStr = window.location.search.slice(1); // 去掉开头的?
  const paramPairs = searchStr.split('&');
  
  paramPairs.forEach(pair => {
    const [key, value] = pair.split('=');
    if (key) {
      params[decodeURIComponent(key)] = value ? decodeURIComponent(value.replace(/\+/g, ' ')) : '';
    }
  });
  
  return params;
}

// 使用示例
const urlParams = getAllUrlParams();
const emailAddress = urlParams.email;
const tempPass = urlParams.tmpPas;

• 务必修正参数名拼写：链接里是tmpPas，代码里之前写的tmpPass是笔误，这个细节很容易被忽略，一定要改过来；
• 修复后记得在IE11和出现问题的iPad Safari上做回归测试，确保参数能正常解析。

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