Chrome DevTools Protocol + CaptchaAI 用于 CAPTCHA 诊断

安全范围： 本指南仅适用于您自有或经授权的 QA、staging 与预发布环境。内容覆盖针对您自己 CAPTCHA 集成的诊断、测试与可观测性模式 — 不涉及第三方站点或未授权流程。

Chrome DevTools Protocol（CDP）提供对网络请求、页面生命周期与 JavaScript 执行的深入观测能力。在自有 QA 环境中，CDP 适合用来诊断 staging 中 CAPTCHA widget 为何未渲染，或 backend 为何拒绝一个看似有效的 token。

安全范围

• 仅限自有或经授权的测试页面。
• 浏览器诊断、网络检查与请求生命周期追踪。
• 在自有页面上检测 sitekey。
• backend 验证诊断。

使用 CDP 进行网络诊断

import asyncio
from playwright.async_api import async_playwright

async def trace_qa():
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        ctx = await browser.new_context()
        page = await ctx.new_page()
        client = await ctx.new_cdp_session(page)
        await client.send('Network.enable')
        client.on('Network.requestWillBeSent', lambda e: print(e['request']['url']))
        await page.goto('https://staging.example.com/captcha-demo')

在内部测试页面检测 sitekey

打开自有 QA 页面（例如 https://staging.example.com/captcha-demo），从 .g-recaptcha 或 .cf-turnstile 元素读取 data-sitekey，并与 backend 的预期配置比对。

从 QA 发送 CaptchaAI 任务

在确认 sitekey 后，使用 staging URL 向 in.php 提交任务，并轮询 res.php 直到 status 为 1。把求解时延记录为诊断指标。

在 backend 验证响应

把 token 注入 QA 表单后提交，并通过 CDP 检查 backend 是否返回成功状态码。如果被拒，比对 action、sitekey 与 secret 与服务器配置的差异。

故障排除

可观测性

为每次 QA 运行生成结构化日志。建议采集的指标包括：token 总耗时、HTTP 响应码、任务编号、队列深度。把不同环境（development、staging、pre-production）写入独立通道，通过分布式追踪（例如 OpenTelemetry）关联 correlation id。能够基于单一 id 重放整个场景，会在事故排查时把诊断时间至少减半。

检查清单

• 测试范围严格限定在自有应用或经授权的资源。
• CaptchaAI key 存放在 CI secret 仓库或 vault，不进入源代码。
• 每次运行记录调用耗时与响应状态码。
• 为瞬时错误配置幂等的重试策略与上限。
• 测试可在 CI 中可复现地重复运行。

示例 QA 调用

下面的 Python 示例展示了在自有 staging 环境中通过 CaptchaAI 测试一个 CAPTCHA widget 的最小流程。

import os
import requests

API_KEY = os.environ['CAPTCHAAI_KEY']
QA_PAGE_URL = os.environ['QA_PAGE_URL']  # 例如 https://staging.example.com/qa-login
QA_SITE_KEY = os.environ['QA_SITE_KEY']


def submit_qa_recaptcha() -> str:
    payload = {
        'clientKey': API_KEY,
        'task': {
            'type': 'NoCaptchaTaskProxyless',
            'websiteURL': QA_PAGE_URL,
            'websiteKey': QA_SITE_KEY,
        },
    }
    response = requests.post(
        'https://api.captchaai.com/createTask',
        json=payload,
        timeout=30,
    )
    response.raise_for_status()
    return response.json()['taskId']


def fetch_qa_result(task_id: str) -> dict:
    payload = {'clientKey': API_KEY, 'taskId': task_id}
    response = requests.post(
        'https://api.captchaai.com/getTaskResult',
        json=payload,
        timeout=30,
    )
    response.raise_for_status()
    return response.json()

常见问题

这套流程会接触生产流量吗？

不会。所有示例均假设 staging.example.com 或您自有的 QA 域名等授权环境。请在自有 staging 副本中复现生产 CAPTCHA 配置。

API key 可以写在代码里吗？

不可以。请通过 CI secret 管理器、环境变量或 vault 注入。已经提交到代码仓库的 key 必须立即轮换。

对瞬时错误你们建议什么？

幂等重试，配合指数退避（例如 1s、2s、4s）和上限。网络错误、5xx 响应和 ERROR_NO_SLOT_AVAILABLE 都适合重试；持久性的鉴权错误不应重试。

安全相关指南

• CaptchaAI 快速入门
• 授权 CAPTCHA QA 测试
• 自有表单的 CAPTCHA endpoint 测试
• 浏览器测试失败但 API 测试通过的调试
• 使用 API 解决 reCAPTCHA v2
• 使用 API 解决 Cloudflare Turnstile
• 使用 API 解决 GeeTest v3

请在自有环境中使用 CaptchaAI 验证 CAPTCHA 集成。