{"id":4557,"date":"2026-07-09T05:42:44","date_gmt":"2026-07-08T21:42:44","guid":{"rendered":"http:\/\/viplao.com\/index.php\/2026\/07\/09\/%e7%83%ad%e9%97%a8%e6%8a%80%e8%83%bd-vol-031-page-agent-%e4%b8%80%e8%a1%8c%e4%bb%a3%e7%a0%81%e7%bd%91%e9%a1%b5%e5%8f%98ai%e5%8e%9f%e7%94%9f\/"},"modified":"2026-07-09T05:42:44","modified_gmt":"2026-07-08T21:42:44","slug":"%e7%83%ad%e9%97%a8%e6%8a%80%e8%83%bd-vol-031-page-agent-%e4%b8%80%e8%a1%8c%e4%bb%a3%e7%a0%81%e7%bd%91%e9%a1%b5%e5%8f%98ai%e5%8e%9f%e7%94%9f","status":"publish","type":"post","link":"http:\/\/viplao.com\/index.php\/2026\/07\/09\/%e7%83%ad%e9%97%a8%e6%8a%80%e8%83%bd-vol-031-page-agent-%e4%b8%80%e8%a1%8c%e4%bb%a3%e7%a0%81%e7%bd%91%e9%a1%b5%e5%8f%98ai%e5%8e%9f%e7%94%9f\/","title":{"rendered":"\u70ed\u95e8\u6280\u80fd Vol.031 | Page Agent \u2014 \u4e00\u884c\u4ee3\u7801\u7f51\u9875\u53d8AI\u539f\u751f"},"content":{"rendered":"
\n

<\/p>\n

\n

\u6bcf\u65e5\u70ed\u95e8\u6280\u80fd\u5206\u4eab<\/p>\n

Vol.031 \u00b7 \u7f51\u9875\u81ea\u7136\u8bed\u8a00\u64cd\u63a7 Skill<\/p>\n

2026-07-09 \u00b7 \u6570\u636e\u6765\u6e90 GitHub<\/p>\n<\/section>\n

<\/p>\n

\n
\n<\/section>\n

<\/p>\n

\n

\u4f60\u662f\u4e0d\u662f\u4e5f\u8fd9\u6837 \ud83d\udc47<\/p>\n

\u4f60\u5728\u505a SaaS \u4ea7\u54c1\uff0c\u7528\u6237\u9762\u5bf9\u4e00\u4e2a 20 \u4e2a\u5b57\u6bb5\u7684\u8001\u7cfb\u7edf\u8868\u5355\u53d1\u5446\uff1b\u6216\u8005\u4f60\u60f3\u7ed9\u7f51\u7ad9\u52a0 AI \u52a9\u624b\uff0c\u4f46\u4e00\u770b\u65b9\u6848\u2014\u2014\u8981\u88c5 Python\u3001\u8981\u90e8\u7f72 headless browser\u3001\u8981\u641e\u540e\u7aef\u4ee3\u7406\uff0c\u5de5\u7a0b\u91cf\u76f4\u63a5\u7206\u70b8<\/span>\u3002\u66f4\u522b\u63d0\u622a\u56fe\u5f0f\u7684\u6d4f\u89c8\u5668 Agent\uff0c\u591a\u6a21\u6001 LLM \u8c03\u7528\u8d39\u8d35\u5230\u8089\u75bc\u3002<\/p>\n

\u7ed3\u679c\uff1aAI Copilot \u7684 idea \u5f88\u597d\uff0c\u4f46\u843d\u5730\u6210\u672c\u592a\u9ad8\uff0c\u4e00\u76f4\u505c\u7559\u5728 PPT \u9636\u6bb5\u3002<\/p>\n<\/section>\n

<\/p>\n

\n

\u8fd9\u4e2a Skill \u505a\u7684\u4e8b\u5f88\u7b80\u5355\uff1a<\/p>\n

\u963f\u91cc\u5f00\u6e90\u7684 Page Agent<\/span>\uff0c\u662f\u4e00\u4e2a\u7eaf\u524d\u7aef JS \u5e93\u3002\u5728\u4f60\u7684\u7f51\u9875\u91cc\u52a0\u4e00\u884c <script><\/code> \u6807\u7b7e\uff0c\u7528\u6237\u5c31\u80fd\u7528\u81ea\u7136\u8bed\u8a00\u64cd\u63a7\u9875\u9762\u2014\u2014\u70b9\u6309\u94ae\u3001\u586b\u8868\u5355\u3001\u9009\u4e0b\u62c9\uff0c\u5168\u90e8\u4e00\u53e5\u8bdd\u641e\u5b9a\u3002<\/p>\n

\u4e0d\u7528 Python\u3001\u4e0d\u7528\u622a\u56fe\u3001\u4e0d\u7528\u591a\u6a21\u6001\u6a21\u578b\u3001\u4e0d\u7528\u540e\u7aef\u3002\u4e00\u884c\u4ee3\u7801 \u2192 \u7f51\u9875\u53d8 AI \u539f\u751f\u5e94\u7528\u3002<\/span><\/p>\n<\/section>\n

<\/p>\n

\n

\u505a\u5b8c\u4e4b\u540e\u4f60\u4f1a\u770b\u5230\u4ec0\u4e48\uff1f<\/p>\n\n\n\n
Before<\/td>\n\n\u25b8 \u7ed9 SaaS \u52a0 AI Copilot\uff0c\u9700\u8981 Python + headless browser + \u540e\u7aef\u4ee3\u7406\uff0c\u5f00\u53d1\u5468\u671f 2-4 \u5468
\n\u25b8 \u622a\u56fe\u5f0f\u6d4f\u89c8\u5668 Agent\uff0c\u6bcf\u6b21\u64cd\u4f5c\u8c03\u7528\u591a\u6a21\u6001 LLM\uff0c\u5355\u6b21\u6210\u672c \u00a50.1-0.5
\n\u25b8 \u8868\u5355\u586b\u5199 20 \u6b65\u64cd\u4f5c\uff0c\u7528\u6237\u6d41\u5931\u7387\u9ad8\u8fbe 67%
\n\u25b8 \u6b8b\u969c\u7528\u6237\u65e0\u6cd5\u4f7f\u7528\u590d\u6742 Web \u5e94\u7528\n<\/td>\n<\/tr>\n
After<\/td>\n\n\u25b8 \u4e00\u884c <script><\/code> \u6807\u7b7e\u63a5\u5165\uff0c30 \u5206\u949f<\/span>\u4e0a\u7ebf AI Copilot
\n\u25b8 \u7eaf\u6587\u672c DOM \u64cd\u63a7\uff0c\u65e0\u9700\u622a\u56fe\uff0cLLM \u8c03\u7528\u6210\u672c\u964d\u4f4e 90%+<\/span>
\n\u25b8 20 \u6b65\u8868\u5355 \u2192 1 \u53e5\u8bdd<\/span>\u641e\u5b9a
\n\u25b8 \u5929\u7136\u652f\u6301\u8bed\u97f3\u6307\u4ee4\u548c\u5c4f\u5e55\u9605\u8bfb\u5668\uff0c\u96f6\u95e8\u69db<\/span>\u65e0\u969c\u788d\u8bbf\u95ee\n<\/td>\n<\/tr>\n<\/table>\n<\/section>\n

<\/p>\n

\n

\u7167\u7740\u505a\uff0c5\u5206\u949f\u770b\u5230\u6548\u679c \ud83d\udc47<\/p>\n

<\/p>\n

\n

1<\/span>\u4e00\u884c\u4ee3\u7801\u63a5\u5165\uff0810\u79d2\uff09<\/p>\n

\u5728\u4f60\u7684 HTML \u9875\u9762\u91cc\u52a0\u4e00\u884c script \u6807\u7b7e\uff1a<\/p>\n

\n

<script src=”https:\/\/cdn.jsdelivr.net\/npm\/page-agent@1.11.0\/dist\/iife\/page-agent.demo.js” crossorigin=”true”><\/script><\/p>\n<\/section>\n

\u2705 \u9884\u671f\u6548\u679c\uff1a\u9875\u9762\u53f3\u4e0a\u89d2\u51fa\u73b0 Page Agent \u4ea4\u4e92\u9762\u677f\uff0c\u7528\u6237\u53ef\u4ee5\u76f4\u63a5\u8f93\u5165\u81ea\u7136\u8bed\u8a00\u6307\u4ee4<\/p>\n<\/section>\n

<\/p>\n

\n

2<\/span>\u63a5\u5165\u4f60\u81ea\u5df1\u7684 LLM\uff085\u5206\u949f\uff09<\/p>\n

\n

npm install page-agent<\/p>\n<\/section>\n

\n

import { PageAgent } from ‘page-agent’<\/p>\n

const agent = new PageAgent({
  model: ‘gpt-5.1’,
  apiKey: ‘YOUR_API_KEY’,
  language: ‘zh-CN’,
})<\/p>\n

await agent.execute(‘\u70b9\u51fb\u767b\u5f55\u6309\u94ae’)<\/p>\n<\/section>\n

\u2705 \u9884\u671f\u6548\u679c\uff1a\u652f\u6301 OpenAI\u3001Claude\u3001Qwen\u3001DeepSeek\u3001Ollama \u7b49\u4efb\u610f LLM\uff0c\u4e2d\u6587\u6307\u4ee4\u76f4\u63a5\u751f\u6548<\/p>\n<\/section>\n

<\/p>\n

\n

3<\/span>\u4f53\u9a8c\u81ea\u7136\u8bed\u8a00\u64cd\u63a7\uff08\u5373\u65f6\uff09<\/p>\n

\n

\/\/ \u7528\u6237\u5728\u9875\u9762\u9762\u5bf9\u8bdd\u8bf4\uff1a
“\u5e2e\u6211\u586b\u5199\u5468\u4e94\u51fa\u5dee\u7684\u62a5\u9500\u5355”
“\u9009\u62e9\u91d1\u989d\u5927\u4e8e1000\u7684\u8ba2\u5355”
“\u70b9\u51fb\u63d0\u4ea4\u5e76\u786e\u8ba4”<\/p>\n<\/section>\n

\u2705 \u9884\u671f\u6548\u679c\uff1aAgent \u81ea\u52a8\u5206\u6790 DOM \u7ed3\u6784\uff0c\u5b9a\u4f4d\u5143\u7d20\u5e76\u6267\u884c\u64cd\u4f5c\uff0c\u5185\u7f6e\u4eba\u673a\u786e\u8ba4\u673a\u5236\uff08Human-in-the-Loop\uff09<\/p>\n<\/section>\n<\/section>\n

<\/p>\n

\n

\u9002\u4e0d\u9002\u5408\u4f60\uff1f<\/p>\n\n\n\n\n\n
\u2705 \u9002\u5408\u4f60<\/td>\nSaaS \u4ea7\u54c1\u7ecf\u7406\uff0c\u60f3\u5feb\u901f\u7ed9\u4ea7\u54c1\u52a0\u4e0a AI Copilot \u80fd\u529b<\/td>\n<\/tr>\n
\u2705 \u9002\u5408\u4f60<\/td>\n\u524d\u7aef\u5f00\u53d1\u8005\uff0c\u538c\u5026\u4e86\u7528 Playwright\/Puppeteer \u5199\u590d\u6742\u81ea\u52a8\u5316\u811a\u672c<\/td>\n<\/tr>\n
\u2705 \u9002\u5408\u4f60<\/td>\n\u505a ERP\/CRM \u7b49\u590d\u6742\u540e\u53f0\u7cfb\u7edf\uff0c\u9700\u8981\u964d\u4f4e\u7528\u6237\u64cd\u4f5c\u95e8\u69db<\/td>\n<\/tr>\n
\u274c \u4e0d\u9002\u5408<\/td>\n\u9700\u8981\u670d\u52a1\u7aef\u6279\u91cf\u722c\u53d6\/\u8de8\u7ad9\u70b9\u81ea\u52a8\u5316\u7684\u573a\u666f\uff08\u8fd9\u662f\u5ba2\u6237\u7aef\u65b9\u6848\uff0c\u4e0d\u662f\u670d\u52a1\u7aef\u722c\u866b\uff09<\/td>\n<\/tr>\n<\/table>\n<\/section>\n

<\/p>\n

\n

\ud83d\udcce \u8f6c\u7ed9\u6b63\u5728\u7ed9\u4ea7\u54c1\u627e AI Copilot \u65b9\u6848\u7684\u540c\u4e8b<\/p>\n

\n\u25b8 GitHub<\/span>\uff1aalibaba\/page-agent<\/span>\uff0825.2K Stars\uff09
\n\u25b8 \u5728\u7ebf Demo<\/span>\uff1aalibaba.github.io\/page-agent<\/span>
\n\u25b8 \u6838\u5fc3\u521b\u65b0<\/span>\uff1aDOM Dehydration \u6280\u672f\uff0c\u628a\u590d\u6742 DOM \u538b\u7f29\u4e3a\u8f7b\u91cf\u6587\u672c\u5730\u56fe\uff0cLLM \u76f4\u63a5\u7528\u6587\u672c\u7406\u89e3\u9875\u9762
\n\u25b8 Chrome \u6269\u5c55<\/span>\uff1a\u53ef\u9009\u88c5\uff0c\u652f\u6301\u8de8\u9875\u9762\/\u8de8\u6807\u7b7e\u9875\u4efb\u52a1
\n\u25b8 MCP Server<\/span>\uff1a\uff08Beta\uff09\u8ba9\u5916\u90e8 Agent \u63a7\u5236\u6d4f\u89c8\u5668\n<\/p>\n<\/section>\n

<\/p>\n

\n

\ud83d\udcac \u4f60\u7684\u4ea7\u54c1\u6709 AI Copilot \u5417\uff1f\u7528\u7684\u4ec0\u4e48\u65b9\u6848\uff1f<\/p>\n

\u8bc4\u8bba\u533a\u804a\u804a\uff0c\u770b\u770b\u8c01\u7684\u65b9\u6848\u6700\u8f7b\u91cf \ud83d\udc47<\/p>\n<\/section>\n

<\/p>\n

\n

\u26a0\ufe0f \u6280\u80fd\u5305\u6765\u6e90\u4e8e\u4e92\u8054\u7f51\uff0c\u5728\u4f7f\u7528\u524d\u8bf7\u81ea\u884c\u590d\u6838\u5f00\u6e90\u6587\u4ef6\uff0c\u786e\u8ba4\u4e0d\u5b58\u5728\u5b89\u5168\u9690\u60a3\u3002<\/p>\n<\/section>\n

<\/p>\n

\n

Vol.031 \u00b7 \u70ed\u95e8\u6280\u80fd\u65e5\u62a5 \u00b7 \u6570\u636e\u6765\u6e90 GitHub<\/p>\n

\u6bcf\u5929\u53d1\u73b0\u4e00\u4e2a\u503c\u5f97\u5173\u6ce8\u7684 AI \u5f00\u53d1\u6280\u80fd<\/p>\n

\n

\ud83d\udd17 \u8d44\u6e90\u94fe\u63a5<\/p>\n

\n\u25b8 GitHub<\/strong>\uff1aalibaba\/page-agent<\/a> (25.2K Stars)
\n\u25b8 \u5728\u7ebf Demo<\/strong>\uff1aalibaba.github.io\/page-agent<\/a>
\n\u25b8 Chrome \u6269\u5c55<\/strong>\uff1aChrome Web Store<\/a>
\n\u25b8 \u534f\u8bae<\/strong>\uff1aMIT License\n<\/p>\n<\/section>\n<\/section>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

\u6bcf\u65e5\u70ed\u95e8\u6280\u80fd\u5206\u4eab Vol.031 \u00b7 \u7f51\u9875\u81ea\u7136\u8bed\u8a00\u64cd\u63a7 Skill 2026-07-09 \u00b7 \u6570\u636e\u6765… \u7ee7\u7eed\u9605\u8bfb \u70ed\u95e8\u6280\u80fd Vol.031 | Page Agent \u2014 \u4e00\u884c\u4ee3\u7801\u7f51\u9875\u53d8AI\u539f\u751f<\/span><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[49],"tags":[],"views":9,"_links":{"self":[{"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/posts\/4557"}],"collection":[{"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/comments?post=4557"}],"version-history":[{"count":0,"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/posts\/4557\/revisions"}],"wp:attachment":[{"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/media?parent=4557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/categories?post=4557"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/viplao.com\/index.php\/wp-json\/wp\/v2\/tags?post=4557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}