[{"data":1,"prerenderedAt":1836},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"compare-composio-vs-pageagent":8,"compare-a-composio":9,"compare-b-pageagent":986},{"tools":4,"reviews":5},79,27,{"tools":4,"reviews":5,"playbooks":7,"news":5},22,null,{"id":10,"title":11,"alternatives":12,"api_compatible":8,"body":16,"category":918,"chinese_friendly":291,"cover":919,"description":920,"domestic":921,"extension":922,"faq":923,"free":921,"github":8,"languages":936,"lastVerified":8,"meta":938,"models":8,"navigation":307,"notSuitable":8,"opensource":921,"path":939,"pillar":530,"platforms":940,"priceTable":944,"pricing":956,"published":957,"relatedPlaybooks":958,"relatedReviews":960,"score":962,"self_host":921,"seo":963,"seoTitle":8,"slug":964,"sources":965,"stem":977,"suitable":8,"tagline":978,"tags":979,"updated":968,"verdict":984,"website":871,"__hash__":985},"tools\u002Ftools\u002Fagent\u002Fprotocol\u002Fcomposio.md","Composio",[13,14,15],"agent\u002Fprotocol\u002Fsmithery","agent\u002Fprotocol\u002Fmcp-toolbox","agent\u002Fplatform\u002Flangflow",{"type":17,"value":18,"toc":906},"minimark",[19,24,28,31,34,111,114,134,140,144,149,175,180,206,210,256,568,571,736,739,803,807,836,839,860,863,902],[20,21,23],"h2",{"id":22},"tldr","TL;DR",[25,26,27],"p",{},"Composio 是 AI agent 集成基础设施层，把『agent 接入 1000-10,000+ 真实工具』的复杂度封装为一个 SDK。差异点：1000+ pre-built 集成（GitHub \u002F Slack \u002F Gmail \u002F Salesforce \u002F Notion \u002F Linear \u002F Jira \u002F Google Workspace）+ 托管 OAuth（含自动 token refresh）+ 沙箱执行 + 细粒度 action-level 权限 + 完整审计日志 + 框架无关（MCP \u002F LangChain \u002F CrewAI \u002F Autogen \u002F OpenAI Agents SDK \u002F Claude \u002F ChatGPT 都能用）+ Python \u002F TypeScript SDK + AWS \u002F Zoom \u002F Glean 等企业客户。Tooliverse 评分 8.56\u002F10，295 条多平台评测交叉验证。",[25,29,30],{},"适合：要造 agent 接多个 SaaS 工具的团队；OAuth \u002F token refresh \u002F 错误重试不想自己写；多框架兼容（不锁定 LangChain）；企业 + 合规 + audit log；已有 MCP server 但想要更广覆盖。不适合：单一工具 high-frequency 场景（自接 API 更便宜）；轻量 hobby project（LangChain native tool 够用）；要 1000% 控制集成代码（用开源 MCP server）；数据零云 + 完全自托管（Composio 是 SaaS）。",[20,32,33],{"id":33},"核心能力",[35,36,37,45,51,57,63,69,75,81,87,93,99,105],"ul",{},[38,39,40,44],"li",{},[41,42,43],"strong",{},"1000+ pre-built 集成","：GitHub \u002F Slack \u002F Gmail \u002F Salesforce \u002F Notion \u002F Linear \u002F Jira \u002F Google Workspace 等",[38,46,47,50],{},[41,48,49],{},"托管 OAuth","：OAuth flow + token refresh + multi-user 全自动",[38,52,53,56],{},[41,54,55],{},"沙箱执行","：tool call 在隔离环境跑，安全隔离",[38,58,59,62],{},[41,60,61],{},"action-level 权限","：可精确控制 agent 能做什么（read-only \u002F write \u002F admin）",[38,64,65,68],{},[41,66,67],{},"审计日志","：每次 tool call 完整记录（timestamp \u002F user \u002F args \u002F result）",[38,70,71,74],{},[41,72,73],{},"框架无关","：MCP \u002F LangChain \u002F CrewAI \u002F Autogen \u002F OpenAI Agents SDK \u002F Claude \u002F ChatGPT",[38,76,77,80],{},[41,78,79],{},"Python + TypeScript SDK","：主流 agent 栈都能用",[38,82,83,86],{},[41,84,85],{},"MCP server","：1000+ 工具统一 MCP 入口",[38,88,89,92],{},[41,90,91],{},"多用户 session","：per-user OAuth + 隔离 workspace",[38,94,95,98],{},[41,96,97],{},"自定义工具","：BaseTool 扩展 + JSON schema 验证",[38,100,101,104],{},[41,102,103],{},"企业能力","：SSO \u002F audit \u002F SLA \u002F 私有部署",[38,106,107,110],{},[41,108,109],{},"AWS \u002F Zoom \u002F Glean 客户","：production 验证",[20,112,113],{"id":113},"价格",[35,115,116,122,128],{},[38,117,118,121],{},[41,119,120],{},"Free","：$0；全部 1000+ 集成 + 限月度 action + Python\u002FTS SDK + MCP server",[38,123,124,127],{},[41,125,126],{},"Growth","：按 action 量阶梯；更高额度 + 团队",[38,129,130,133],{},[41,131,132],{},"Enterprise","：联系销售；SSO + audit + 私有部署 + SLA",[135,136,137],"blockquote",{},[25,138,139],{},"真实成本：低频 + 多样工具（每天几百次 action）Free 档够用；high-frequency（每分钟轮询 \u002F 大量 batch）成本陡升，要算清单 action 价格。",[20,141,143],{"id":142},"实测agent-接入多-saas","实测（agent 接入多 SaaS）",[25,145,146],{},[41,147,148],{},"亮点：",[35,150,151,154,157,160,163,166,169,172],{},[38,152,153],{},"集成宽度（1000+）业内最广",[38,155,156],{},"OAuth 全托管省 50% 工程量",[38,158,159],{},"一份 SDK 跑通 CrewAI \u002F LangChain \u002F OpenAI Agents SDK",[38,161,162],{},"沙箱执行 + audit log 让企业合规过关",[38,164,165],{},"AWS \u002F Zoom \u002F Glean 等大客户 = production-grade 信号",[38,167,168],{},"Tooliverse 8.56\u002F10、Toolradar 4.9\u002F5（295 reviews）",[38,170,171],{},"5 分钟可让 CrewAI agent 在 GitHub 上 star 一个 repo",[38,173,174],{},"self-healing tool execution（自动重试 + 错误处理）",[25,176,177],{},[41,178,179],{},"踩坑：",[35,181,182,185,188,191,194,197,200,203],{},[38,183,184],{},"文档『can lag behind rapid feature releases』",[38,186,187],{},"pricing scales steeply for high-frequency use cases",[38,189,190],{},"自定义工具要『master schema validation that documentation doesn't fully demystify』",[38,192,193],{},"冷门集成 action coverage 浅，只支持基础 CRUD",[38,195,196],{},"数据完全 SaaS 化，零云需求不能用",[38,198,199],{},"国内访问偶发慢（CDN 在海外）",[38,201,202],{},"Free 档 action 限额对生产 hobby 也容易撞顶",[38,204,205],{},"vendor lock-in：迁移要重写 OAuth 层",[20,207,209],{"id":208},"上手crewai-5-分钟","上手（CrewAI 5 分钟）",[211,212,217],"pre",{"className":213,"code":214,"language":215,"meta":216,"style":216},"language-bash shiki shiki-themes github-light github-dark","pip install composio composio-crewai crewai\nexport COMPOSIO_API_KEY=***\n","bash","",[218,219,220,242],"code",{"__ignoreMap":216},[221,222,225,229,233,236,239],"span",{"class":223,"line":224},"line",1,[221,226,228],{"class":227},"sScJk","pip",[221,230,232],{"class":231},"sZZnC"," install",[221,234,235],{"class":231}," composio",[221,237,238],{"class":231}," composio-crewai",[221,240,241],{"class":231}," crewai\n",[221,243,245,249,253],{"class":223,"line":244},2,[221,246,248],{"class":247},"szBVR","export",[221,250,252],{"class":251},"sVt8B"," COMPOSIO_API_KEY",[221,254,255],{"class":247},"=***\n",[211,257,261],{"className":258,"code":259,"language":260,"meta":216,"style":216},"language-python shiki shiki-themes github-light github-dark","from composio_crewai import ComposioProvider\nfrom composio import Composio\nfrom crewai import Agent, Task, Crew\n\ncomposio = Composio(provider=ComposioProvider())\nsession = composio.create(user_id=\"alice\", toolkits=[\"github\", \"gmail\"])\ntools = session.tools()\n\n# 手动授权（首次）\nauth = session.authorize(\"github\")\nprint(f\"Visit: {auth.redirect_url}\")\n\nagent = Agent(\n    role=\"GitHub Agent\",\n    goal=\"Star repos on behalf of users\",\n    tools=tools, llm=...\n)\ntask = Task(description=\"Star composiohq\u002Fcomposio\", agent=agent, expected_output=\"done\")\nCrew(agents=[agent], tasks=[task]).kickoff()\n","python",[218,262,263,277,289,302,309,330,371,382,387,394,410,440,445,456,470,483,502,507,546],{"__ignoreMap":216},[221,264,265,268,271,274],{"class":223,"line":224},[221,266,267],{"class":247},"from",[221,269,270],{"class":251}," composio_crewai ",[221,272,273],{"class":247},"import",[221,275,276],{"class":251}," ComposioProvider\n",[221,278,279,281,284,286],{"class":223,"line":244},[221,280,267],{"class":247},[221,282,283],{"class":251}," composio ",[221,285,273],{"class":247},[221,287,288],{"class":251}," Composio\n",[221,290,292,294,297,299],{"class":223,"line":291},3,[221,293,267],{"class":247},[221,295,296],{"class":251}," crewai ",[221,298,273],{"class":247},[221,300,301],{"class":251}," Agent, Task, Crew\n",[221,303,305],{"class":223,"line":304},4,[221,306,308],{"emptyLinePlaceholder":307},true,"\n",[221,310,312,315,318,321,325,327],{"class":223,"line":311},5,[221,313,314],{"class":251},"composio ",[221,316,317],{"class":247},"=",[221,319,320],{"class":251}," Composio(",[221,322,324],{"class":323},"s4XuR","provider",[221,326,317],{"class":247},[221,328,329],{"class":251},"ComposioProvider())\n",[221,331,333,336,338,341,344,346,349,352,355,357,360,363,365,368],{"class":223,"line":332},6,[221,334,335],{"class":251},"session ",[221,337,317],{"class":247},[221,339,340],{"class":251}," composio.create(",[221,342,343],{"class":323},"user_id",[221,345,317],{"class":247},[221,347,348],{"class":231},"\"alice\"",[221,350,351],{"class":251},", ",[221,353,354],{"class":323},"toolkits",[221,356,317],{"class":247},[221,358,359],{"class":251},"[",[221,361,362],{"class":231},"\"github\"",[221,364,351],{"class":251},[221,366,367],{"class":231},"\"gmail\"",[221,369,370],{"class":251},"])\n",[221,372,374,377,379],{"class":223,"line":373},7,[221,375,376],{"class":251},"tools ",[221,378,317],{"class":247},[221,380,381],{"class":251}," session.tools()\n",[221,383,385],{"class":223,"line":384},8,[221,386,308],{"emptyLinePlaceholder":307},[221,388,390],{"class":223,"line":389},9,[221,391,393],{"class":392},"sJ8bj","# 手动授权（首次）\n",[221,395,397,400,402,405,407],{"class":223,"line":396},10,[221,398,399],{"class":251},"auth ",[221,401,317],{"class":247},[221,403,404],{"class":251}," session.authorize(",[221,406,362],{"class":231},[221,408,409],{"class":251},")\n",[221,411,413,417,420,423,426,429,432,435,438],{"class":223,"line":412},11,[221,414,416],{"class":415},"sj4cs","print",[221,418,419],{"class":251},"(",[221,421,422],{"class":247},"f",[221,424,425],{"class":231},"\"Visit: ",[221,427,428],{"class":415},"{",[221,430,431],{"class":251},"auth.redirect_url",[221,433,434],{"class":415},"}",[221,436,437],{"class":231},"\"",[221,439,409],{"class":251},[221,441,443],{"class":223,"line":442},12,[221,444,308],{"emptyLinePlaceholder":307},[221,446,448,451,453],{"class":223,"line":447},13,[221,449,450],{"class":251},"agent ",[221,452,317],{"class":247},[221,454,455],{"class":251}," Agent(\n",[221,457,459,462,464,467],{"class":223,"line":458},14,[221,460,461],{"class":323},"    role",[221,463,317],{"class":247},[221,465,466],{"class":231},"\"GitHub Agent\"",[221,468,469],{"class":251},",\n",[221,471,473,476,478,481],{"class":223,"line":472},15,[221,474,475],{"class":323},"    goal",[221,477,317],{"class":247},[221,479,480],{"class":231},"\"Star repos on behalf of users\"",[221,482,469],{"class":251},[221,484,486,489,491,494,497,499],{"class":223,"line":485},16,[221,487,488],{"class":323},"    tools",[221,490,317],{"class":247},[221,492,493],{"class":251},"tools, ",[221,495,496],{"class":323},"llm",[221,498,317],{"class":247},[221,500,501],{"class":415},"...\n",[221,503,505],{"class":223,"line":504},17,[221,506,409],{"class":251},[221,508,510,513,515,518,521,523,526,528,531,533,536,539,541,544],{"class":223,"line":509},18,[221,511,512],{"class":251},"task ",[221,514,317],{"class":247},[221,516,517],{"class":251}," Task(",[221,519,520],{"class":323},"description",[221,522,317],{"class":247},[221,524,525],{"class":231},"\"Star composiohq\u002Fcomposio\"",[221,527,351],{"class":251},[221,529,530],{"class":323},"agent",[221,532,317],{"class":247},[221,534,535],{"class":251},"agent, ",[221,537,538],{"class":323},"expected_output",[221,540,317],{"class":247},[221,542,543],{"class":231},"\"done\"",[221,545,409],{"class":251},[221,547,549,552,555,557,560,563,565],{"class":223,"line":548},19,[221,550,551],{"class":251},"Crew(",[221,553,554],{"class":323},"agents",[221,556,317],{"class":247},[221,558,559],{"class":251},"[agent], ",[221,561,562],{"class":323},"tasks",[221,564,317],{"class":247},[221,566,567],{"class":251},"[task]).kickoff()\n",[20,569,570],{"id":570},"对比",[572,573,574,595],"table",{},[575,576,577],"thead",{},[578,579,580,584,586,589,592],"tr",{},[581,582,583],"th",{},"维度",[581,585,11],{},[581,587,588],{},"Smithery",[581,590,591],{},"MCP Toolbox",[581,593,594],{},"LangChain Tools",[596,597,598,616,633,649,662,676,689,704,720],"tbody",{},[578,599,600,604,607,610,613],{},[601,602,603],"td",{},"集成数",[601,605,606],{},"1000+",[601,608,609],{},"MCP 注册中心",[601,611,612],{},"Google MCP 集合",[601,614,615],{},"~200",[578,617,618,621,624,627,630],{},[601,619,620],{},"OAuth 托管",[601,622,623],{},"✅ 旗舰",[601,625,626],{},"❌ 各 server 自管",[601,628,629],{},"❌",[601,631,632],{},"自己写",[578,634,635,638,641,644,646],{},[601,636,637],{},"框架兼容",[601,639,640],{},"MCP + LC + CrewAI + Autogen + OpenAI",[601,642,643],{},"MCP only",[601,645,643],{},[601,647,648],{},"LangChain only",[578,650,651,653,656,658,660],{},[601,652,55],{},[601,654,655],{},"✅",[601,657,629],{},[601,659,629],{},[601,661,629],{},[578,663,664,667,669,671,674],{},[601,665,666],{},"audit log",[601,668,655],{},[601,670,629],{},[601,672,673],{},"部分",[601,675,629],{},[578,677,678,681,683,685,687],{},[601,679,680],{},"企业 SSO",[601,682,655],{},[601,684,629],{},[601,686,629],{},[601,688,629],{},[578,690,691,694,696,698,701],{},[601,692,693],{},"自托管",[601,695,629],{},[601,697,673],{},[601,699,700],{},"✅ Apache 2.0",[601,702,703],{},"✅ MIT",[578,705,706,709,712,714,717],{},[601,707,708],{},"起价",[601,710,711],{},"Free + 按 action",[601,713,120],{},[601,715,716],{},"$0 OSS",[601,718,719],{},"$0",[578,721,722,725,728,731,734],{},[601,723,724],{},"适合",[601,726,727],{},"多 SaaS + 多框架",[601,729,730],{},"MCP server 发现",[601,732,733],{},"Google Cloud",[601,735,648],{},[20,737,738],{"id":738},"避坑",[35,740,741,747,753,762,767,773,779,785,791,797],{},[38,742,743,746],{},[41,744,745],{},"action 预算","：先估月度 action 量 + 选档，high-frequency 不要无脑用 Free",[38,748,749,752],{},[41,750,751],{},"OAuth scope 最小化","：只授权必需 scope，audit log 也更干净",[38,754,755,758,759,761],{},[41,756,757],{},"每用户 session","：multi-tenant 用 ",[218,760,343],{}," 隔离 OAuth + workspace",[38,763,764,766],{},[41,765,97],{},"：先看 JSON schema 文档 + 跑 unit test 验证",[38,768,769,772],{},[41,770,771],{},"冷门集成","：先 try Free 跑 demo 确认 action coverage 够",[38,774,775,778],{},[41,776,777],{},"fallback","：Composio 不可用要有 fallback（重试 + 备用 SDK）",[38,780,781,784],{},[41,782,783],{},"数据零云需求","：用 MCP server 自托管，不要用 Composio",[38,786,787,790],{},[41,788,789],{},"国内访问","：CDN 海外，国内 production 用 proxy \u002F 反代",[38,792,793,796],{},[41,794,795],{},"rate limit","：每个 SaaS 还有自己的 rate limit，Composio 不替你解决",[38,798,799,802],{},[41,800,801],{},"vendor lock","：业务核心要做迁移预案（abstract OAuth 层）",[20,804,806],{"id":805},"适合-不适合","适合 \u002F 不适合",[35,808,809,812,815,818,821,824,827,830,833],{},[38,810,811],{},"✅ 要造 agent 接多 SaaS 工具",[38,813,814],{},"✅ OAuth \u002F token refresh \u002F 错误重试不想自写",[38,816,817],{},"✅ 多框架兼容（不锁定）",[38,819,820],{},"✅ 企业 + 合规 + audit log",[38,822,823],{},"✅ 已有 MCP server 但想要更广覆盖",[38,825,826],{},"❌ 单一工具 high-frequency（自接 API 更便宜）",[38,828,829],{},"❌ 轻量 hobby project（LangChain 够用）",[38,831,832],{},"❌ 完全自托管 \u002F 数据零云",[38,834,835],{},"❌ 要 1000% 控制集成代码",[20,837,838],{"id":838},"相关阅读",[35,840,841,848,854],{},[38,842,843],{},[844,845,847],"a",{"href":846},"\u002Ftools\u002Fagent\u002Fprotocol\u002Fsmithery","Smithery 评测",[38,849,850],{},[844,851,853],{"href":852},"\u002Ftools\u002Fagent\u002Fprotocol\u002Fmcp-toolbox","MCP Toolbox 评测",[38,855,856],{},[844,857,859],{"href":858},"\u002Ftools\u002Fagent\u002Fplatform\u002Flangflow","Langflow 评测",[20,861,862],{"id":862},"来源",[864,865,866,874,881,888,895],"ol",{},[38,867,868,869],{},"Composio 官网 + Pricing ",[844,870,871],{"href":871,"rel":872},"https:\u002F\u002Fcomposio.dev",[873],"nofollow",[38,875,876,877],{},"Tooliverse — Composio Review 2026 + 8.56\u002F10 + 295 reviews ",[844,878,879],{"href":879,"rel":880},"https:\u002F\u002Ftooliverse.ai\u002Ftools\u002Fcomposio",[873],[38,882,883,884],{},"Sift AI — Composio Review 2026: Integration Platform for AI Agents ",[844,885,886],{"href":886,"rel":887},"https:\u002F\u002Fsiftaitools.com\u002Freviews\u002Fcomposio",[873],[38,889,890,891],{},"Toolradar — Composio Reviews + 4.9\u002F5 ",[844,892,893],{"href":893,"rel":894},"https:\u002F\u002Ftoolradar.com\u002Ftools\u002Fcomposio",[873],[38,896,897,898],{},"CrewAI Docs — Composio Tool 集成示例 + 250+ tools ",[844,899,900],{"href":900,"rel":901},"https:\u002F\u002Fdocs.crewai.com\u002Fen\u002Ftools\u002Fautomation\u002Fcomposiotool",[873],[903,904,905],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":216,"searchDepth":291,"depth":291,"links":907},[908,909,910,911,912,913,914,915,916,917],{"id":22,"depth":244,"text":23},{"id":33,"depth":244,"text":33},{"id":113,"depth":244,"text":113},{"id":142,"depth":244,"text":143},{"id":208,"depth":244,"text":209},{"id":570,"depth":244,"text":570},{"id":738,"depth":244,"text":738},{"id":805,"depth":244,"text":806},{"id":838,"depth":244,"text":838},{"id":862,"depth":244,"text":862},"protocol","\u002Fimg\u002Ftools\u002Fcomposio.webp","Composio（composio.dev）真实评测：AI agent 集成基础设施层，把『agent 接入 1000-10,000+ 真实工具』的复杂度封装为一个 SDK。差异点：1000+ pre-built 集成（GitHub \u002F Slack \u002F Gmail \u002F Salesforce \u002F Notion \u002F Linear 等）+ 托管 OAuth（含自动 token refresh）+ 沙箱执行 + 细粒度权限 + 完整审计日志 + 框架无关（MCP \u002F LangChain \u002F CrewAI \u002F Autogen \u002F OpenAI Agents SDK \u002F Claude \u002F ChatGPT 都能用）+ Python \u002F TypeScript SDK + AWS \u002F Zoom \u002F Glean 等企业客户背书。",false,"md",[924,927,930,933],{"q":925,"a":926},"Composio 解决什么问题？","AI agent 在 production 撞墙最常见原因 = 『集成 + 认证基础设施』。每接一个工具（GitHub \u002F Slack \u002F Gmail \u002F Salesforce）要：写 OAuth flow + 保存 \u002F 刷新 token + 处理 rate limit + 写 JSON schema 给 LLM + 沙箱执行 + 错误重试。这些代码占了 agent 项目 50%+ 工程量。Composio 把这部分托管化，开发者只 import SDK 就能用 1000+ 工具，重心回到『agent 智能本身』。",{"q":928,"a":929},"和 MCP 是什么关系？","Composio 同时是 MCP server 提供方 + 自有 SDK。MCP 是 Anthropic 推出的开放协议，但 MCP server 仍需有人维护（GitHub MCP \u002F Slack MCP 等）。Composio 提供了 1000+ 工具的『大集合 MCP server』+ 还兼容 LangChain \u002F CrewAI \u002F OpenAI Agents SDK 等非 MCP 框架。所以可视为『MCP 协议 + 多框架原生 SDK』的双轨集成层。",{"q":931,"a":932},"和 LangChain native tools 怎么选？","LangChain 自带 ~200 tool，但很多是社区维护、OAuth 要自己处理、production 稳定性参差。Composio 用 1000+ 商业维护的集成 + 托管 OAuth + 企业级权限审计换更高费用。Hobby \u002F 学习项目 → LangChain native；production \u002F 多用户 \u002F 多 OAuth scope → Composio。",{"q":934,"a":935},"实际用起来贵不贵？","免费档对开发 \u002F 验证够用。生产部署 high-frequency 用例（如每分钟轮询 Gmail）会快速消耗 action 额度 → Growth\u002FEnterprise 起步。Tooliverse 评测明确指出『pricing scales steeply for high-frequency use cases』。低频 + 多样工具 → Composio 性价比高；高频 + 单工具 → 自接 API 更便宜。",[937],"en",{},"\u002Ftools\u002Fagent\u002Fprotocol\u002Fcomposio",[941,942,943],"api","sdk","mcp",[945,948,952],{"plan":120,"price":719,"features":946,"notes":947},"全部 1000+ 集成 + 限月度 action + Python\u002FTS SDK + MCP server","开发 \u002F 试水",{"plan":126,"price":949,"features":950,"notes":951},"按 action","更高 action 限额 + 更多并发 + 细粒度权限 + 团队","生产部署",{"plan":132,"price":953,"features":954,"notes":955},"联系销售","SSO + audit + 私有部署 + SLA + 自定义工具开发 + 专属支持","大客户","Free（有月度 action 限额）\u002F Growth 按 action 量阶梯 \u002F Enterprise 联系销售","2026-06-19",[959],"onboarding\u002Fagent-integration-layer",[961],"mcp-ecosystem-review",{"power":311,"ux":304,"price":304,"cn_support":291,"stability":304},{"title":11,"description":920},"agent\u002Fprotocol\u002Fcomposio",[966,969,971,973,975],{"name":967,"url":871,"accessed":968},"Composio 官网","2026-06-24",{"name":970,"url":879,"accessed":968},"Tooliverse — Composio Review 2026 Agent Tool Execution",{"name":972,"url":886,"accessed":968},"Sift AI — Composio Review 2026: Integration Platform",{"name":974,"url":893,"accessed":968},"Toolradar — Composio Reviews + 4.9\u002F5",{"name":976,"url":900,"accessed":968},"CrewAI Docs — Composio Tool 集成示例","tools\u002Fagent\u002Fprotocol\u002Fcomposio","AI Agent 集成中间件——1000+ 工具 + 托管 OAuth + 框架无关 + MCP + 沙箱执行",[980,981,943,982,983],"agent-infra","integrations","oauth","composio","Agent 开发的『集成中间件层』——免自己写 1000 个 OAuth + token refresh + JSON schema。AWS \u002F Zoom \u002F Glean 在用。要省钱 \u002F 自托管全部用 MCP server 自己接；要简单 LangChain 工具用 LangChain native tools。","vtYi8gv6tOz3yaPGR6QFD6enNUVQMS5KYZ27p5SUD8g",{"id":987,"title":988,"alternatives":989,"api_compatible":991,"body":998,"category":1774,"chinese_friendly":311,"cover":1775,"description":1776,"domestic":307,"extension":922,"faq":1777,"free":307,"github":1747,"languages":1793,"lastVerified":8,"meta":1796,"models":1797,"navigation":307,"notSuitable":8,"opensource":307,"path":1803,"pillar":530,"platforms":1804,"priceTable":1806,"pricing":1810,"published":1811,"relatedPlaybooks":8,"relatedReviews":1812,"score":1814,"self_host":307,"seo":1815,"seoTitle":8,"slug":1816,"sources":1817,"stem":1824,"suitable":8,"tagline":1825,"tags":1826,"updated":1811,"verdict":1834,"website":1740,"__hash__":1835},"tools\u002Ftools\u002Fagent\u002Fgeneral\u002Fpageagent.md","PageAgent",[990,964],"agent\u002Fgeneral\u002Fopenmanus",[992,993,994,995,996,997],"OpenAI","Anthropic","Google","Qwen","DeepSeek","Ollama",{"type":17,"value":999,"toc":1759},[1000,1002,1013,1016,1019,1021,1096,1098,1112,1116,1120,1149,1153,1176,1179,1184,1224,1227,1231,1246,1379,1383,1397,1530,1532,1682,1684,1716,1718,1731,1733,1756],[20,1001,23],{"id":22},[25,1003,1004,1005,1008,1009,1012],{},"PageAgent 是阿里巴巴开源的一款纯前端 JavaScript GUI Agent 框架，核心理念是 ",[41,1006,1007],{},"\"The GUI Agent Living in Your Webpage\"","——让 AI 直接「住进」你的网页。与传统浏览器自动化工具不同，它不依赖截图、多模态模型、无头浏览器或 Python 后端，仅需一行 ",[218,1010,1011],{},"\u003Cscript>"," 标签即可嵌入任意页面，让用户通过自然语言指令操控 Web 界面。",[25,1014,1015],{},"核心差异点：MIT 协议 + 纯 TypeScript + DOM 脱水（文本化 DOM 分析） + 任意 LLM 接入（BYOK） + 零后端部署 + Human-in-the-Loop 协同面板 + 可选 Chrome 扩展跨标签页 + MCP Server Beta。",[25,1017,1018],{},"适合：想为自己的 Web 应用添加 AI Copilot 的 SaaS 团队；需要自然语言操作后台管理系统的场景；希望用 AI 增强无障碍体验的开发者；需要将客服机器人从「指导操作」升级为「直接操作」的产品团队。不适合：需要大规模跨网站爬取\u002F数据采集；需要 CI\u002FCD 自动化测试；需要无代码方案的非技术人员。",[20,1020,33],{"id":33},[35,1022,1023,1029,1038,1048,1054,1060,1066,1072,1078,1084,1090],{},[38,1024,1025,1028],{},[41,1026,1027],{},"DOM 脱水（DOM Dehydration）","：将页面 DOM 树压缩为精简文本，仅保留交互元素及其索引，发送给 LLM 处理。无需截图、无需多模态模型",[38,1030,1031,1034,1035,1037],{},[41,1032,1033],{},"零后端部署","：CDN 或 NPM 导入，一行 ",[218,1036,1011],{}," 标签即可运行",[38,1039,1040,1043,1044,1047],{},[41,1041,1042],{},"任意 LLM 接入","：支持 OpenAI \u002F Claude \u002F Qwen \u002F DeepSeek \u002F Gemini 等任意兼容 ",[218,1045,1046],{},"\u002Fchat\u002Fcompletions"," 接口的模型",[38,1049,1050,1053],{},[41,1051,1052],{},"Human-in-the-Loop","：侧边面板实时展示 AI 思考过程，遇到歧义时主动向用户确认",[38,1055,1056,1059],{},[41,1057,1058],{},"操作白名单 & 数据脱敏","：可定义允许的操作范围，保护敏感字段不被 AI 看到",[38,1061,1062,1065],{},[41,1063,1064],{},"自定义知识注入","：注入业务规则，让 AI 遵守特定的操作约束与流程",[38,1067,1068,1071],{},[41,1069,1070],{},"Chrome 扩展（可选）","：跨标签页\u002F多页面任务支持",[38,1073,1074,1077],{},[41,1075,1076],{},"MCP Server（Beta）","：外部 Agent 客户端可通过 MCP 协议控制浏览器",[38,1079,1080,1083],{},[41,1081,1082],{},"ReAct 循环架构","：Observe → Think（反思 + 行动）→ Act 的完整实现",[38,1085,1086,1089],{},[41,1087,1088],{},"Reflection-Before-Action","：每步先评估上步效果再决策，减少错误累积",[38,1091,1092,1095],{},[41,1093,1094],{},"TypeScript 编写","：完整类型定义，适合前端工程集成",[20,1097,113],{"id":113},[35,1099,1100,1106,1109],{},[38,1101,1102,1105],{},[41,1103,1104],{},"Free \u002F OSS","：$0；MIT 协议",[38,1107,1108],{},"真实成本 = LLM API（GPT-4o ~$5\u002FM input + $15\u002FM output \u002F Qwen3.5-plus 更便宜）",[38,1110,1111],{},"支持通过 Ollama 运行本地模型，API 成本为 $0",[20,1113,1115],{"id":1114},"实测开发者-前端集成-saas-场景","实测（开发者 \u002F 前端集成 \u002F SaaS 场景）",[25,1117,1118],{},[41,1119,148],{},[35,1121,1122,1125,1128,1131,1134,1137,1140,1143,1146],{},[38,1123,1124],{},"18,000+ GitHub stars，社区活跃度高",[38,1126,1127],{},"阿里巴巴团队维护，代码质量有保障",[38,1129,1130],{},"DOM 脱水技术让 Token 成本比截图方案低一个数量级",[38,1132,1133],{},"推理速度快（0.5-1s vs 截图方案的 2-5s）",[38,1135,1136],{},"天然继承用户登录态，无需处理 Cookie\u002FSession 同步",[38,1138,1139],{},"零后端部署，适合前端团队独立完成",[38,1141,1142],{},"中文支持完美（阿里巴巴出品）",[38,1144,1145],{},"操作白名单 + 数据脱敏 + Human-in-the-Loop 三重安全机制",[38,1147,1148],{},"MCP Server 打通 Claude Desktop \u002F Cursor 生态",[25,1150,1151],{},[41,1152,179],{},[35,1154,1155,1158,1161,1164,1167,1170,1173],{},[38,1156,1157],{},"项目 v1.8.x 仍在快速迭代，API 可能变化",[38,1159,1160],{},"复杂动态页面 DOM 分析精度取决于 LLM 能力",[38,1162,1163],{},"不支持跨网站操作（除非安装 Chrome 扩展）",[38,1165,1166],{},"不适合大规模爬虫和性能测试场景",[38,1168,1169],{},"生产环境需要自行处理 LLM 调用错误和重试",[38,1171,1172],{},"文档有中英文版本，部分内容可能滞后",[38,1174,1175],{},"非前端开发者需要一定的 JavaScript 能力",[20,1177,1178],{"id":1178},"上手",[1180,1181,1183],"h3",{"id":1182},"快速体验一行-cdn-脚本","快速体验（一行 CDN 脚本）",[211,1185,1189],{"className":1186,"code":1187,"language":1188,"meta":216,"style":216},"language-html shiki shiki-themes github-light github-dark","\u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fpage-agent@1.10.0\u002Fdist\u002Fiife\u002Fpage-agent.demo.js\" crossorigin=\"true\">\u003C\u002Fscript>\n","html",[218,1190,1191],{"__ignoreMap":216},[221,1192,1193,1196,1200,1203,1205,1208,1211,1213,1216,1219,1221],{"class":223,"line":224},[221,1194,1195],{"class":251},"\u003C",[221,1197,1199],{"class":1198},"s9eBZ","script",[221,1201,1202],{"class":227}," src",[221,1204,317],{"class":251},[221,1206,1207],{"class":231},"\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fpage-agent@1.10.0\u002Fdist\u002Fiife\u002Fpage-agent.demo.js\"",[221,1209,1210],{"class":227}," crossorigin",[221,1212,317],{"class":251},[221,1214,1215],{"class":231},"\"true\"",[221,1217,1218],{"class":251},">\u003C\u002F",[221,1220,1199],{"class":1198},[221,1222,1223],{"class":251},">\n",[25,1225,1226],{},"加载后页面右下角出现 Agent 面板，可以直接输入自然语言命令。",[1180,1228,1230],{"id":1229},"npm-安装生产用法","NPM 安装（生产用法）",[211,1232,1234],{"className":213,"code":1233,"language":215,"meta":216,"style":216},"npm install page-agent\n",[218,1235,1236],{"__ignoreMap":216},[221,1237,1238,1241,1243],{"class":223,"line":224},[221,1239,1240],{"class":227},"npm",[221,1242,232],{"class":231},[221,1244,1245],{"class":231}," page-agent\n",[211,1247,1251],{"className":1248,"code":1249,"language":1250,"meta":216,"style":216},"language-typescript shiki shiki-themes github-light github-dark","import { PageAgent } from 'page-agent'\n\nconst agent = new PageAgent({\n  model: 'qwen3.5-plus',\n  baseURL: 'https:\u002F\u002Fdashscope.aliyuncs.com\u002Fcompatible-mode\u002Fv1',\n  apiKey: 'YOUR_API_KEY',\n  language: 'zh-CN',\n})\n\n\u002F\u002F 执行自然语言任务\nconst result = await agent.execute('点击登录按钮，然后填写用户名为 test@example.com')\nconsole.log(result.success, result.message)\n","typescript",[218,1252,1253,1265,1269,1289,1299,1309,1319,1329,1334,1338,1343,1368],{"__ignoreMap":216},[221,1254,1255,1257,1260,1262],{"class":223,"line":224},[221,1256,273],{"class":247},[221,1258,1259],{"class":251}," { PageAgent } ",[221,1261,267],{"class":247},[221,1263,1264],{"class":231}," 'page-agent'\n",[221,1266,1267],{"class":223,"line":244},[221,1268,308],{"emptyLinePlaceholder":307},[221,1270,1271,1274,1277,1280,1283,1286],{"class":223,"line":291},[221,1272,1273],{"class":247},"const",[221,1275,1276],{"class":415}," agent",[221,1278,1279],{"class":247}," =",[221,1281,1282],{"class":247}," new",[221,1284,1285],{"class":227}," PageAgent",[221,1287,1288],{"class":251},"({\n",[221,1290,1291,1294,1297],{"class":223,"line":304},[221,1292,1293],{"class":251},"  model: ",[221,1295,1296],{"class":231},"'qwen3.5-plus'",[221,1298,469],{"class":251},[221,1300,1301,1304,1307],{"class":223,"line":311},[221,1302,1303],{"class":251},"  baseURL: ",[221,1305,1306],{"class":231},"'https:\u002F\u002Fdashscope.aliyuncs.com\u002Fcompatible-mode\u002Fv1'",[221,1308,469],{"class":251},[221,1310,1311,1314,1317],{"class":223,"line":332},[221,1312,1313],{"class":251},"  apiKey: ",[221,1315,1316],{"class":231},"'YOUR_API_KEY'",[221,1318,469],{"class":251},[221,1320,1321,1324,1327],{"class":223,"line":373},[221,1322,1323],{"class":251},"  language: ",[221,1325,1326],{"class":231},"'zh-CN'",[221,1328,469],{"class":251},[221,1330,1331],{"class":223,"line":384},[221,1332,1333],{"class":251},"})\n",[221,1335,1336],{"class":223,"line":389},[221,1337,308],{"emptyLinePlaceholder":307},[221,1339,1340],{"class":223,"line":396},[221,1341,1342],{"class":392},"\u002F\u002F 执行自然语言任务\n",[221,1344,1345,1347,1350,1352,1355,1358,1361,1363,1366],{"class":223,"line":412},[221,1346,1273],{"class":247},[221,1348,1349],{"class":415}," result",[221,1351,1279],{"class":247},[221,1353,1354],{"class":247}," await",[221,1356,1357],{"class":251}," agent.",[221,1359,1360],{"class":227},"execute",[221,1362,419],{"class":251},[221,1364,1365],{"class":231},"'点击登录按钮，然后填写用户名为 test@example.com'",[221,1367,409],{"class":251},[221,1369,1370,1373,1376],{"class":223,"line":442},[221,1371,1372],{"class":251},"console.",[221,1374,1375],{"class":227},"log",[221,1377,1378],{"class":251},"(result.success, result.message)\n",[1180,1380,1382],{"id":1381},"使用-core-包无-ui-面板嵌入式场景","使用 Core 包（无 UI 面板，嵌入式场景）",[211,1384,1386],{"className":213,"code":1385,"language":215,"meta":216,"style":216},"npm install @page-agent\u002Fcore\n",[218,1387,1388],{"__ignoreMap":216},[221,1389,1390,1392,1394],{"class":223,"line":224},[221,1391,1240],{"class":227},[221,1393,232],{"class":231},[221,1395,1396],{"class":231}," @page-agent\u002Fcore\n",[211,1398,1400],{"className":1248,"code":1399,"language":1250,"meta":216,"style":216},"import { PageAgentCore } from '@page-agent\u002Fcore'\nimport { PageController } from '@page-agent\u002Fpage-controller'\n\nconst pageController = new PageController()\nconst agent = new PageAgentCore({\n  pageController,\n  llmConfig: {\n    model: 'gpt-4o',\n    baseURL: 'https:\u002F\u002Fapi.openai.com\u002Fv1',\n    apiKey: 'YOUR_API_KEY',\n  },\n})\n\nawait agent.execute('帮我创建一个新项目，名称为「AI Demo」')\n",[218,1401,1402,1414,1426,1430,1447,1462,1467,1472,1482,1492,1501,1506,1510,1514],{"__ignoreMap":216},[221,1403,1404,1406,1409,1411],{"class":223,"line":224},[221,1405,273],{"class":247},[221,1407,1408],{"class":251}," { PageAgentCore } ",[221,1410,267],{"class":247},[221,1412,1413],{"class":231}," '@page-agent\u002Fcore'\n",[221,1415,1416,1418,1421,1423],{"class":223,"line":244},[221,1417,273],{"class":247},[221,1419,1420],{"class":251}," { PageController } ",[221,1422,267],{"class":247},[221,1424,1425],{"class":231}," '@page-agent\u002Fpage-controller'\n",[221,1427,1428],{"class":223,"line":291},[221,1429,308],{"emptyLinePlaceholder":307},[221,1431,1432,1434,1437,1439,1441,1444],{"class":223,"line":304},[221,1433,1273],{"class":247},[221,1435,1436],{"class":415}," pageController",[221,1438,1279],{"class":247},[221,1440,1282],{"class":247},[221,1442,1443],{"class":227}," PageController",[221,1445,1446],{"class":251},"()\n",[221,1448,1449,1451,1453,1455,1457,1460],{"class":223,"line":311},[221,1450,1273],{"class":247},[221,1452,1276],{"class":415},[221,1454,1279],{"class":247},[221,1456,1282],{"class":247},[221,1458,1459],{"class":227}," PageAgentCore",[221,1461,1288],{"class":251},[221,1463,1464],{"class":223,"line":332},[221,1465,1466],{"class":251},"  pageController,\n",[221,1468,1469],{"class":223,"line":373},[221,1470,1471],{"class":251},"  llmConfig: {\n",[221,1473,1474,1477,1480],{"class":223,"line":384},[221,1475,1476],{"class":251},"    model: ",[221,1478,1479],{"class":231},"'gpt-4o'",[221,1481,469],{"class":251},[221,1483,1484,1487,1490],{"class":223,"line":389},[221,1485,1486],{"class":251},"    baseURL: ",[221,1488,1489],{"class":231},"'https:\u002F\u002Fapi.openai.com\u002Fv1'",[221,1491,469],{"class":251},[221,1493,1494,1497,1499],{"class":223,"line":396},[221,1495,1496],{"class":251},"    apiKey: ",[221,1498,1316],{"class":231},[221,1500,469],{"class":251},[221,1502,1503],{"class":223,"line":412},[221,1504,1505],{"class":251},"  },\n",[221,1507,1508],{"class":223,"line":442},[221,1509,1333],{"class":251},[221,1511,1512],{"class":223,"line":447},[221,1513,308],{"emptyLinePlaceholder":307},[221,1515,1516,1519,1521,1523,1525,1528],{"class":223,"line":458},[221,1517,1518],{"class":247},"await",[221,1520,1357],{"class":251},[221,1522,1360],{"class":227},[221,1524,419],{"class":251},[221,1526,1527],{"class":231},"'帮我创建一个新项目，名称为「AI Demo」'",[221,1529,409],{"class":251},[20,1531,570],{"id":570},[572,1533,1534,1551],{},[575,1535,1536],{},[578,1537,1538,1540,1542,1545,1548],{},[581,1539,583],{},[581,1541,988],{},[581,1543,1544],{},"Playwright",[581,1546,1547],{},"browser-use",[581,1549,1550],{},"OpenManus",[596,1552,1553,1569,1585,1601,1617,1633,1650,1665],{},[578,1554,1555,1558,1561,1564,1566],{},[601,1556,1557],{},"部署方式",[601,1559,1560],{},"纯前端 JS 脚本",[601,1562,1563],{},"Python + 无头浏览器",[601,1565,1563],{},[601,1567,1568],{},"Python + Playwright",[578,1570,1571,1574,1577,1580,1583],{},[601,1572,1573],{},"页面分析",[601,1575,1576],{},"文本 DOM 脱水",[601,1578,1579],{},"DOM 选择器",[601,1581,1582],{},"截图 + DOM",[601,1584,1582],{},[578,1586,1587,1590,1593,1596,1599],{},[601,1588,1589],{},"模型需求",[601,1591,1592],{},"纯文本 LLM",[601,1594,1595],{},"无需 LLM",[601,1597,1598],{},"多模态 LLM",[601,1600,1598],{},[578,1602,1603,1606,1609,1612,1615],{},[601,1604,1605],{},"登录态",[601,1607,1608],{},"天然继承",[601,1610,1611],{},"需手动管理 Cookie",[601,1613,1614],{},"需手动管理",[601,1616,1614],{},[578,1618,1619,1622,1625,1628,1630],{},[601,1620,1621],{},"跨页面",[601,1623,1624],{},"需 Chrome 扩展",[601,1626,1627],{},"✅ 原生支持",[601,1629,1627],{},[601,1631,1632],{},"✅ Playwright",[578,1634,1635,1638,1641,1644,1647],{},[601,1636,1637],{},"目标用户",[601,1639,1640],{},"前端开发者 \u002F SaaS",[601,1642,1643],{},"测试工程师",[601,1645,1646],{},"Agent 开发者",[601,1648,1649],{},"自托管 Agent 用户",[578,1651,1652,1655,1658,1661,1663],{},[601,1653,1654],{},"协议",[601,1656,1657],{},"MIT",[601,1659,1660],{},"Apache 2.0",[601,1662,1657],{},[601,1664,1657],{},[578,1666,1667,1670,1673,1676,1679],{},[601,1668,1669],{},"Stars",[601,1671,1672],{},"18k+",[601,1674,1675],{},"70k+",[601,1677,1678],{},"101k+",[601,1680,1681],{},"52k+",[20,1683,806],{"id":805},[35,1685,1686,1689,1692,1695,1698,1701,1704,1707,1710,1713],{},[38,1687,1688],{},"✅ 想为 Web 应用添加 AI Copilot 的 SaaS 团队",[38,1690,1691],{},"✅ 需要自然语言操作后台管理系统的场景",[38,1693,1694],{},"✅ 用 AI 增强无障碍体验（语音控制、屏幕阅读器）",[38,1696,1697],{},"✅ 将客服机器人从「指导操作」升级为「直接操作」",[38,1699,1700],{},"✅ 前端开发者想用最低成本集成 AI 能力",[38,1702,1703],{},"✅ 中国大陆开发者（阿里巴巴出品，中文支持完美）",[38,1705,1706],{},"❌ 大规模跨网站爬取 \u002F 数据采集",[38,1708,1709],{},"❌ CI\u002FCD 自动化测试（用 Playwright）",[38,1711,1712],{},"❌ 无代码方案的非技术人员",[38,1714,1715],{},"❌ 需要高并发稳定性的生产级自动化",[20,1717,838],{"id":838},[35,1719,1720,1726],{},[38,1721,1722],{},[844,1723,1725],{"href":1724},"\u002Ftools\u002Fagent\u002Fgeneral\u002Fopenmanus","OpenManus 评测",[38,1727,1728],{},[844,1729,1730],{"href":939},"Composio 评测",[20,1732,862],{"id":862},[864,1734,1735,1742,1749],{},[38,1736,1737,1738],{},"PageAgent 官方文档 ",[844,1739,1740],{"href":1740,"rel":1741},"https:\u002F\u002Falibaba.github.io\u002Fpage-agent\u002F",[873],[38,1743,1744,1745],{},"PageAgent GitHub 主仓库 ",[844,1746,1747],{"href":1747,"rel":1748},"https:\u002F\u002Fgithub.com\u002Falibaba\u002Fpage-agent",[873],[38,1750,1751,1752],{},"PageAgent 官网 ",[844,1753,1754],{"href":1754,"rel":1755},"https:\u002F\u002Fpageagent.net\u002F",[873],[903,1757,1758],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":216,"searchDepth":291,"depth":291,"links":1760},[1761,1762,1763,1764,1765,1770,1771,1772,1773],{"id":22,"depth":244,"text":23},{"id":33,"depth":244,"text":33},{"id":113,"depth":244,"text":113},{"id":1114,"depth":244,"text":1115},{"id":1178,"depth":244,"text":1178,"children":1766},[1767,1768,1769],{"id":1182,"depth":291,"text":1183},{"id":1229,"depth":291,"text":1230},{"id":1381,"depth":291,"text":1382},{"id":570,"depth":244,"text":570},{"id":805,"depth":244,"text":806},{"id":838,"depth":244,"text":838},{"id":862,"depth":244,"text":862},"general","\u002Fimg\u002Ftools\u002Fpageagent.webp","PageAgent 是阿里巴巴开源的纯前端 JavaScript GUI Agent 框架，采用 MIT 协议。核心创新在于：不依赖截图和多模态模型，而是通过 DOM 脱水（DOM Dehydration）技术将页面结构序列化为文本，让 LLM 理解并操作页面元素。仅需一行 `\u003Cscript>` 标签即可嵌入任何网页，实现自然语言驱动的点击、输入、导航等操作。",[1778,1781,1784,1787,1790],{"q":1779,"a":1780},"PageAgent 和传统浏览器自动化（Playwright \u002F Selenium）有什么区别？","PageAgent 是『页面内嵌』方案，直接在浏览器中作为 JavaScript 运行，天然继承用户登录态，无需无头浏览器和 Python 后端。Playwright 等是『外部驱动』方案，通过 CDP 协议远程控制浏览器，适合大规模测试和跨网站爬取。PageAgent 更适合为你的 Web 应用添加 AI 操作能力。",{"q":1782,"a":1783},"PageAgent 需要 Chrome 扩展吗？","不需要。PageAgent.js 作为独立脚本在单页面内即可工作。Chrome 扩展是可选的『增强包』，仅在需要跨标签页或多页面任务时才需要安装。",{"q":1785,"a":1786},"支持哪些 LLM？","支持任何兼容 OpenAI `\u002Fchat\u002Fcompletions` 接口的模型，包括 OpenAI GPT-4o、Claude 3.5、Qwen3.5、DeepSeek、Gemini、Grok、Kimi、GLM，以及通过 Ollama 运行的本地开源模型。用户提供自己的 API Key。",{"q":1788,"a":1789},"PageAgent 是国产的吗？","是的，由阿里巴巴开源，MIT 协议，TypeScript 编写。对中文场景有天然优化，支持中文指令和中文界面操作。",{"q":1791,"a":1792},"PageAgent 的 DOM 脱水（DOM Dehydration）是什么？","DOM 脱水是将页面 DOM 树压缩为精简文本的技术。它会移除样式信息、冗余容器和隐藏元素，只保留交互元素（按钮、输入框、链接等）及其索引，发送给 LLM 处理。相比截图方案，成本低一个数量级，速度更快（0.5-1s vs 2-5s）。",[937,1794,1795],"zh","multi",{},[1798,1799,1800,1801,1802],"GPT-4o","Claude 3.5 Sonnet","Qwen3.5-plus","DeepSeek-V3","Gemini 2.5 Pro","\u002Ftools\u002Fagent\u002Fgeneral\u002Fpageagent",[1805],"web",[1807],{"plan":1104,"price":719,"features":1808,"notes":1809},"MIT 协议 + 全部功能 + 自托管 + DOM Dehydration + 任意 LLM 接入 + Chrome 扩展 + MCP Server","LLM API 自付","MIT 完全免费开源 \u002F 用户自付 LLM API（支持 OpenAI \u002F Claude \u002F Qwen \u002F DeepSeek 等任意兼容模型）","2026-07-28",[1813],"pageagent-deep-review",{"power":304,"ux":304,"price":311,"cn_support":311,"stability":291},{"title":988,"description":1776},"agent\u002Fgeneral\u002Fpageagent",[1818,1820,1822],{"name":1819,"url":1740,"accessed":1811},"PageAgent 官方文档",{"name":1821,"url":1747,"accessed":1811},"PageAgent GitHub（alibaba 组织）",{"name":1823,"url":1754,"accessed":1811},"PageAgent 官网","tools\u002Fagent\u002Fgeneral\u002Fpageagent","阿里巴巴开源纯前端 GUI Agent——一行 script 标签让 AI 自然语言控制你的 Web 页面",[1827,1828,1829,1830,1831,1832,1833],"opensource","gui-agent","browser-automation","dom-dehydration","alibaba","javascript","frontend","想为你的 Web 应用添加 AI 操作能力、又不想搭后端和无头浏览器的开发者首选——一行代码嵌入，纯文本 DOM 分析，接入任意 LLM 即可。需要跨网站爬取\u002F大规模测试场景建议 Playwright 或 browser-use。","A41K5d-SHNiZQg3H8Pc4tTzdGO6g7xo7XIXylo1Ifyg",1785253931954]