解决带混淆代码的reCAPTCHA v2及无提交按钮时的token提交问题

不需要找提交按钮，reCAPTCHA v2的验证逻辑本质不是依赖表单提交，而是靠页面监听token变化或调用回调函数来完成验证。以下是几种可行的解决方法：

1. 触发textarea的输入/变更事件 #

多数页面会监听g-recaptcha-response的input或change事件，当token填入后，手动触发这些事件就能让页面感知到token已更新，进而执行后续验证流程：

// 获取目标iframe及内部的textarea
const targetIframe = document.querySelector('iframe');
const captchaTextarea = targetIframe.contentDocument.getElementById('g-recaptcha-response');

// 填入已获取到的验证token
captchaTextarea.value = '你的reCAPTCHA验证Token';

// 触发input事件（页面大概率监听这个）
const inputEvent = new Event('input', { bubbles: true });
captchaTextarea.dispatchEvent(inputEvent);

// 可选：补充触发change事件，覆盖更多监听场景
const changeEvent = new Event('change', { bubbles: true });
captchaTextarea.dispatchEvent(changeEvent);

2. 调用页面内置的reCAPTCHA回调函数 #

reCAPTCHA v2集成时，页面通常会定义一个全局回调函数（比如onCaptchaSuccess、grecaptchaVerifyCallback这类命名），验证通过后自动调用该函数传入token。你可以直接找到并执行这个函数：

// 替换成页面实际存在的回调函数名，可通过浏览器控制台查看window对象确认
if (typeof window.onCaptchaSuccess === 'function') {
  window.onCaptchaSuccess('你的reCAPTCHA验证Token');
}

3. 直接模拟后端验证请求 #

如果前两种方法无效，可通过浏览器开发者工具抓包，查看页面验证通过后向后端发送的请求详情，然后用JS直接构造并发送该请求：

fetch('/网站后端的验证接口路径', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    // 若页面有csrf token，需在此处添加对应的请求头或参数
  },
  body: new URLSearchParams({
    'g-recaptcha-response': '你的reCAPTCHA验证Token',
    // 补充页面请求中携带的其他必要参数，比如用户ID、csrf token等
  })
})
.then(res => res.json())
.then(data => {
  // 根据返回结果处理后续逻辑，比如跳转页面、更新页面状态
});

注意事项 #

• 跨域限制：如果iframe属于第三方域名，父页面直接访问iframe内容会被浏览器跨域策略阻止，此时需要在iframe上下文执行代码（比如通过浏览器扩展的content script注入脚本）。
• 额外参数：不要遗漏页面原本请求中的验证参数（如csrf token），否则后端会拒绝请求。

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