# 把 Capcat 放进真实场景 下面的场景连接的都是部署在 Cloudflare Workers 上的生产验证服务。点一下复选框，SHA-256 工作量证明会在你的浏览器后台静默完成，按钮随之解锁；点击提交，服务端会真实执行一次 siteverify 校验，并把 API 响应原样回显。也可以完全不显示组件——见下面的无感模式。 ## 01 / 评论与留言 博客、社区、商品评价——垃圾评论机器人靠批量提交存活。把发表按钮锁在验证之后，灌水成本立刻高到不划算。 ## 02 / 账号注册 批量注册和撞库脚本每秒可以尝试成百上千次。每次提交都要先付出真实算力并通过环境校验，脚本的吞吐大幅下降、成本直线上升，而真实用户只是点了一下复选框。 ## 03 / AI 问答 / 昂贵接口 每次推理调用都是真实成本。让请求先通过验证，脚本刷接口就要为每一次调用付出算力——把滥用的成本抬到不划算，同时不打扰正常用户。 ## 04 / 无感模式 不想让用户看到任何验证组件？程序化模式在你的 JS 里调用 new Cap().solve()，点击业务按钮的瞬间才在后台请求挑战、解题、核销 token——领券、点赞、搜索这类轻操作全程零打扰。 这个场景没有复选框——点击按钮的那一刻才在后台请求挑战并解题，用户只会看到自己的操作完成了。 > 演示界面：新用户专享：满 100 减 30 优惠券 × 1 ## 05 / 样式自适应 加上 data-cap-theme="auto"，组件读取周围页面的字体、配色、边框与圆角，自动长成你站点的样子。下面三种风格里是同一个组件、同一行代码。需要更细的控制时，一整套 --cap-* CSS 变量与 data-cap-i18n-* 文案属性依旧可用，且优先于自动采样。 ``` /* 需要更细的控制？--cap-* CSS 变量依旧可用， 且优先于自动采样；文案用 data-cap-i18n-* 替换 */ ``` --- 本演示启用工作量证明与 instrumentation 环境检测（无头/自动化浏览器会被拦截）；表单内容不会上传，点击提交仅将 cap-token 发送至验证服务，完成一次真实的 siteverify 校验。 - [接入自己的项目](https://capcat.ai/cn/guide/index.md) - [文档](https://capcat.ai/cn/guide/index.md) - [进入控制台](https://console.capcat.ai/cn) - [EN](https://capcat.ai/demo/index.md) 基于 [Cap](https://github.com/tiagozip/cap)（Apache 2.0）构建 · © 2026 capcat.ai