嘿，这个问题我之前搭建自己的流量分析工具时也踩过坑！其实浏览器里确实有可以获取请求来源的方式，只是没有一个叫requestSource这种直白的全局变量——毕竟涉及到用户隐私，浏览器做了不少限制。下面分享几个我亲测有效的方法：

1. 用document.referrer获取引用页面 #

这是最常用的原生方法，当用户从A网站通过链接跳转到你的页面时，document.referrer会返回A网站的完整URL。比如用户从谷歌搜索结果点进你的页面，这个值就是谷歌搜索的页面地址。

示例代码：

const requestSource = document.referrer;

if (requestSource) {
  console.log('请求来自:', requestSource);
  // 这里可以把来源存入你的分析工具数据库
} else {
  console.log('无法获取来源（用户直接输入URL、刷新或从书签打开）');
}

不过要注意它的局限性：

• 当用户直接在地址栏输入你的URL、刷新页面、从书签打开时，document.referrer会是空字符串
• 如果来源网站设置了严格的Referrer-Policy响应头（比如no-referrer），这个值也会是空的
• 部分浏览器的隐私模式可能会直接屏蔽referrer信息

2. 自定义URL参数追踪来源 #

如果是你能控制的跳转链接（比如自己的推广链接、合作网站的跳转），可以在链接里加自定义参数，比如?source=blog或者?from=twitter，然后用JavaScript解析URL参数获取来源。

示例代码：

function getCustomSource() {
  const searchParams = new URLSearchParams(window.location.search);
  return searchParams.get('source') || searchParams.get('from');
}

const customSource = getCustomSource();
if (customSource) {
  console.log('自定义追踪来源:', customSource);
}

这种方法不受浏览器隐私限制，只要跳转链接带参数就能准确获取，适合你自己可控的流量渠道追踪。

3. 处理iframe嵌入的情况 #

如果你的页面是被嵌入到其他网站的iframe里，document.referrer通常会返回父页面的URL，但如果跨域的话，你无法直接访问window.parent的信息。这时候可以结合document.referrer和上面的自定义参数来判断，或者要求嵌入方在iframe的src里带上来源参数。

最后补充一句：浏览器没有直接提供全局的请求来源变量，本质是出于用户隐私保护的考虑——毕竟随便暴露用户的浏览轨迹是不符合隐私规范的。上面的方法已经覆盖了大部分合法的追踪场景，希望能帮到你！

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