React应用中无需User-Agent拦截Kiwi Mobile浏览器的可行方案

前端React端检测拦截 #

1. 检测Kiwi特有全局标识 #

Kiwi浏览器基于Chromium但会暴露独有的全局对象，即便User-Agent被篡改，这些标识大概率仍存在：

• 检查window.kiwi内置对象
• 验证Chrome扩展接口的特有字段（比如内置扩展的主页链接特征）

// 在React应用入口或根组件中执行检测
import { useEffect } from 'react';

function App() {
  useEffect(() => {
    const isKiwiBrowser = () => {
      // 优先检测Kiwi专属全局对象
      if (window.kiwi) return true;
      // 验证扩展接口的特有标识
      if (chrome?.runtime?.getManifest) {
        const manifest = chrome.runtime.getManifest();
        return manifest?.homepage_url?.includes('kiwibrowser.com');
      }
      return false;
    };

    if (isKiwiBrowser()) {
      // 拦截逻辑：替换页面内容或跳转
      document.body.innerHTML = `
        <div style="text-align:center; margin-top:80px; font-size:22px;">
          本网站不支持Kiwi浏览器访问，请更换其他浏览器
        </div>
      `;
    }
  }, []);

  // 原应用内容
  return <div>正常应用内容</div>;
}

export default App;

2. 基于行为特征的检测 #

Kiwi浏览器的部分行为和普通Chrome有差异，可通过以下方式辅助判断：

• 检测chrome.extension的加载速度：Kiwi自带扩展较多，加载时机和普通Chrome有差异
• Canvas字体渲染对比：绘制特定文本后对比像素值（实现复杂，但绕过难度高）

Cloudflare端增强拦截 #

1. 用Workers做多特征综合验证 #

结合多个请求头特征判断，避免单一UA检测的局限性：

• 检查Sec-Ch-Ua头：Kiwi的这个头会保留自身品牌标识，很难完全篡改
• 匹配默认请求头模式：Kiwi的Accept、Accept-Language等头有固定格式

// Cloudflare Worker代码
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  const secChUa = request.headers.get('Sec-Ch-Ua') || '';
  const acceptHeader = request.headers.get('Accept') || '';
  
  // 检测Kiwi特有标识和请求头模式
  const isKiwi = secChUa.includes('"Kiwi"') || secChUa.includes('kiwibrowser');
  const isKiwiAcceptPattern = acceptHeader.includes('text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8');

  if (isKiwi || isKiwiAcceptPattern) {
    return new Response('本网站不支持Kiwi浏览器访问', { status: 403 });
  }

  return fetch(request);
}

2. 开启Bot Management功能 #

利用Cloudflare的机器学习模型识别异常请求：

• 开启Bot Management后，Kiwi浏览器的异常UA篡改、代理IP使用等行为会被标记为可疑
• 设置自定义规则，对可疑请求直接拦截或触发验证码挑战

3. IP信誉+频率限制结合 #

• 拦截Cloudflare信誉数据库中标记为高风险的IP段（常见代理池）
• 针对新IP设置初始验证码验证，增加对方的使用成本
• 严格限制单IP的请求频率，防止批量访问

注意事项 #

• 前端检测可被绕过，但能大幅提升对方的绕过成本，建议和Cloudflare检测配合形成多层防护
• 定期更新检测规则，适配Kiwi浏览器的版本迭代
• 测试时需确保不会误封普通Chromium内核浏览器用户

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