流量分发工具（Traffic Distributor） ，也被称为“跳转器”或“负载均衡器”，其主要功能是根据预设规则将访问者随机引导至不同的目标网站，常用于以下场景：
- 黑帽SEO中的流量分散策略（需注意合规性）
- 网站推广中的 A/B 测试
- 广告落地页轮换投放
- 多服务器负载分流
- SEO优化中避免单一域名过度引流
今天我们一起来看看流量分发，不到百行的 JavaScript 代码，就可以完成这一个高效、智能、甚至有点“隐形”的任务。
一、流量分发是什么？
流量分发工具使用的是 JavaScript，运行在用户的浏览器中。它不属于任何服务器端程序，而是嵌入网页后，在访客打开页面时立即执行。
你可以把它理解为一段“自动导航仪”程序，当你进入某个网页时，它会根据预设规则，悄悄把你带到另一个你原本不会去的地方。
二、它的核心功能：流量随机分发
🧩 配置区：设定目标站点和权重
JavaScript
const domains = [
'https://a.com',
'https://b.com',
...
];
const weights = [1, 1, 1, 1, 1, 1]; // 权重分配
这部分是整个脚本的“大脑”，它定义了：
- 要跳转的目标网站（
domains）； - 每个网站被选中的概率（通过
weights权重控制）；
默认情况下，每个网址的权重都一样，意味着访客会被平均分配到这些网站。但如果你希望某一个网址获得更多访问量，只需修改对应位置的数字即可。
例如：
JavaScript
const weights = [3, 1, 1];
这样第一个网站将获得 60% 的访问量，而后两个各占 20%，实现了按需分配的效果。
三、加权随机算法：让流量有“方向”地流动
JavaScript
function weightedRandom(items, weights) {
const cumulativeWeights = [];
for (let i = 0; i < weights.length; i += 1) {
cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
}
const randomNumber = cumulativeWeights[cumulativeWeights.length - 1] * Math.random();
for (let i = 0; i < items.length; i += 1) {
if (cumulativeWeights[i] >= randomNumber) {
return items[i];
}
}
}
这段函数实现了一个非常实用的逻辑：按照权重比例选择一个目标网站。
举个例子，想象你在抽奖箱里放了 5 张纸条，分别代表 5 个网站，其中有一张写了两次，那么这张被抽中的概率自然就更高。
四、跳转的艺术：如何让用户毫无察觉？
JavaScript
if (window.history && window.history.replaceState) {
try {
const iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = targetUrl;
document.documentElement.appendChild(iframe);
window.stop();
window.location.replace('about:blank');
setTimeout(() => {
window.location.replace(targetUrl);
}, 0);
return;
} catch(e) {}
}
这一段代码试图让跳转过程对用户完全无感。
- 它首先创建了一个隐藏的
<iframe>，偷偷加载目标网站； - 然后调用
window.stop()停止当前页面加载； - 接着用
location.replace把地址替换成空白页； - 最后再次跳转至目标网址，整个过程如行云流水，几乎察觉不到变化。
这种技巧常用于广告投放、落地页测试等场景，帮助运营人员更隐蔽地管理流量走向。
五、降级机制：确保兼容性与稳定性
如果浏览器不支持上述高级方法，代码也不会直接失败，而是尝试使用更基础的方式进行跳转：
JavaScript
try {
window.location.replace(targetUrl);
} catch(e) {
window.location.href = targetUrl;
}
这里体现了良好的编程思想——优先使用最优方案，失败则逐步降级，确保所有用户都能顺利跳转，无论他们使用的设备或浏览器多么老旧。
六、触发时机：精准掌控执行节奏
JavaScript
if (document.readyState === 'complete' || document.readyState === 'interactive') {
executeRedirect();
} else {
document.addEventListener('DOMContentLoaded', executeRedirect);
window.addEventListener('load', executeRedirect);
}
为了让跳转发生在合适的时间点，代码监听了页面加载状态，并在文档结构准备完毕后立即执行跳转逻辑，避免干扰原始页面内容的展示。
七、总结：全代码一览
JavaScript
(function() {
// 配置部分 - 可自定义
const domains = [
'https://a.com',
'https://b.com',
'https://c.com',
'https://d.com',
'https://e.com',
'https://f.com'
];
const weights = [1, 1, 1, 1, 1, 1]; // 权重分配
// 核心跳转逻辑
const executeRedirect = function() {
// 1. 加权随机选择目标URL
const targetUrl = weightedRandom(domains, weights);
// 2. 完全无感知跳转技术
if (window.history && window.history.replaceState) {
// 方法1: 最完美的无感知跳转方案
try {
const iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = targetUrl;
document.documentElement.appendChild(iframe);
window.stop(); // 停止当前页面加载
window.location.replace('about:blank');
setTimeout(() => {
window.location.replace(targetUrl);
}, 0);
return;
} catch(e) {
// 如果失败，使用备用方案
}
}
// 方法2: 备用无感知跳转方案
try {
window.location.replace(targetUrl);
} catch(e) {
// 终极方案: 直接跳转
window.location.href = targetUrl;
}
};
// 加权随机算法
function weightedRandom(items, weights) {
const cumulativeWeights = [];
for (let i = 0; i < weights.length; i += 1) {
cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
}
const randomNumber = cumulativeWeights[cumulativeWeights.length - 1] * Math.random();
for (let i = 0; i < items.length; i += 1) {
if (cumulativeWeights[i] >= randomNumber) {
return items[i];
}
}
}
// 立即执行跳转
if (document.readyState === 'complete' || document.readyState === 'interactive') {
executeRedirect();
} else {
document.addEventListener('DOMContentLoaded', executeRedirect);
window.addEventListener('load', executeRedirect);
}
})();
⚠️ 温馨提醒
尽管此类工具在合法推广、测试中具有实用性，但也可能被滥用，请将其用于正规业务场景，遵守平台政策与法律法规。
