<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>浏览器 | 面条的草稿箱</title><description>无原创，纯转发</description><link>http://drafts.miantiao.me</link><item><title>Cloudflare 推出 Kitesurf：专为 AI Agent 打造的轻量级浏览器传统的浏览器（如 Chromium）是为人类设计的，包含了大量 AI 并不需要的组件（如标签页、主题、平滑滚动等），这使得它们非常消耗内存和计算资源</title><link>http://drafts.miantiao.me/posts/165</link><guid isPermaLink="true">http://drafts.miantiao.me/posts/165</guid><pubDate>Thu, 06 Aug 2026 15:36:17 GMT</pubDate><content:encoded>Cloudflare 推出 Kitesurf：专为 AI Agent 打造的轻量级浏览器&lt;br /&gt;&lt;br /&gt;传统的浏览器（如 Chromium）是为人类设计的，包含了大量 AI 并不需要的组件（如标签页、主题、平滑滚动等），这使得它们非常消耗内存和计算资源。为了解决这个问题，Cloudflare 团队基于其 Workers 平台构建了一款专门针对 AI 代理（Agent）的新型浏览器——&lt;b&gt;Kitesurf&lt;/b&gt;。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;核心亮点&lt;/b&gt;：&lt;br /&gt;&lt;br /&gt;•   &lt;b&gt;专为 AI 优化&lt;/b&gt;：抛弃了人类才需要的视觉与交互开销，专注于 Token 数量、上下文窗口、可扩展性以及成本。&lt;br /&gt;•   &lt;b&gt;极致的资源节省&lt;/b&gt;：与 Chromium 相比，在执行网页截图和 HTML 提取等常见任务时，Kitesurf 的 &lt;b&gt;CPU 占用减少了 3 倍以上，内存占用减少了 4 到 7 倍&lt;/b&gt;，大幅降低了运行成本。&lt;br /&gt;•   &lt;b&gt;构建在边缘网络&lt;/b&gt;：完全运行在 Cloudflare Workers 之上，利用 Rust 编译的 Wasm 模块和 Dynamic Workers 技术，实现极高的隔离性与无状态运行。&lt;br /&gt;•   &lt;b&gt;兼容现有工具&lt;/b&gt;：支持 CDP（Chrome DevTools Protocol）协议，你可以直接配合 Puppeteer、Playwright 以及各类 MCP 客户端使用。&lt;br /&gt;&lt;br /&gt;虽然目前 Kitesurf 的首帧渲染时间比 Chromium 稍慢（约 1.7 倍），且暂不支持 WebGL、视频播放等复杂功能，但对于高并发的网页内容提取、截图及自动化任务，它是一个极具性价比的轻量化选择。&lt;br /&gt;&lt;br /&gt;Kitesurf 目前已在 Browser Run 开放免费 Beta 测试，并计划在成熟后开源。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blog.cloudflare.com/kitesurf/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://blog.cloudflare.com/kitesurf/&quot;&gt;https://blog.cloudflare.com/kitesurf/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23Cloudflare&quot; title=&quot;#Cloudflare&quot;&gt;#Cloudflare&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23AIAgent&quot; title=&quot;#AIAgent&quot;&gt;#AIAgent&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8&quot; title=&quot;#浏览器&quot;&gt;#浏览器&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%BC%80%E5%8F%91%E8%80%85&quot; title=&quot;#开发者&quot;&gt;#开发者&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E6%8A%80%E6%9C%AF%E8%B5%84%E8%AE%AF&quot; title=&quot;#技术资讯&quot;&gt;#技术资讯&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://blog.cloudflare.com/kitesurf&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;We should be giving all agents tools that excel at what’s important for an AI model. Kitesurf is Cloudflare’s new stateless, highly scalable, and cost-effective web browser that runs entirely on top of Workers and was designed specifically for the Agentic…&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Cloudflare Blog&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Introducing Kitesurf: The agent-first browser that runs in V8 isolates on Cloudflare Workers&quot; src=&quot;https://drafts.miantiao.me/static/https://cdn4.telesco.pe/file/pTltLeDTtPPRgzP6-_VZACTz26wZcKfubfjhwEIXWzXsun3Ag3L3KsfhyZruwUZRl_ZE5tkllBhLg8ES_JgQURmF_t5M0Xe2Fr67q-hLZJYFfWSB1-hI3fQqXkwugyOQTFhpPXfQUNm8IuSb6HOiTejXSbePwK3YlIg0LiA4DowQp-rgEeQi_-ewCVAM7jKiHwM0QFnlOzIG27rUFNSOTbDOLoqRUcnxNoMMCmUHlKmTXul0PhNPZR4HFxxs_Qok_MANZvfkDFhFMixy5TZQ6XtREdCTg61crlWtBCk-z5ocyTuJUXc-MrwnmTBmh1leXDQWCQaiQGqsVYQx4wl6Bg.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;Introducing Kitesurf: The agent-first browser that runs in V8 isolates on Cloudflare Workers&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;We should be giving all agents tools that excel at what’s important for an AI model. Kitesurf is Cloudflare’s new stateless, highly scalable, and cost-effective web browser that runs entirely on top of Workers and was designed specifically for the Agentic…&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>深入浅出 Chrome DevTools Protocol (CDP)：浏览器自动化的幕后功臣当你在 Chrome 中按下 F12 打开开发者工具，查看网络请求、调试 JS 代码或模拟手机时，你是否好奇过这个面板是如何与浏览器核心进行通信的？答案就是 CDP（Chrome DevTools Protocol，Chrome 开发者工具协议）</title><link>http://drafts.miantiao.me/posts/161</link><guid isPermaLink="true">http://drafts.miantiao.me/posts/161</guid><pubDate>Sat, 18 Jul 2026 00:52:24 GMT</pubDate><content:encoded>深入浅出 Chrome DevTools Protocol (CDP)：浏览器自动化的幕后功臣&lt;br /&gt;&lt;br /&gt;当你在 Chrome 中按下 F12 打开开发者工具，查看网络请求、调试 JS 代码或模拟手机时，你是否好奇过这个面板是如何与浏览器核心进行通信的？&lt;br /&gt;&lt;br /&gt;答案就是 &lt;b&gt;CDP（Chrome DevTools Protocol，Chrome 开发者工具协议）&lt;/b&gt;。它是所有 Chromium 系浏览器（包括 Chrome、Edge、Brave、Arc 等）对外的控制接口。无论是开发者面板本身，还是 Puppeteer、Playwright 等自动化测试框架，甚至是最新的 AI &lt;mark class=&quot;highlight&quot;&gt;浏览器&lt;/mark&gt; Agent，底层都依赖 CDP。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;什么是 CDP？&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;CDP 是一个基于 JSON 的通信协议，通常通过 WebSocket 传输。它将浏览器的控制权划分为多个不同的“域”（Domains）：&lt;br /&gt;&lt;br /&gt;•   &lt;b&gt;Page&lt;/b&gt;：负责控制页面导航、截屏等。&lt;br /&gt;•   &lt;b&gt;Network&lt;/b&gt;：观察和拦截网络请求与响应。&lt;br /&gt;•   &lt;b&gt;Runtime&lt;/b&gt;：执行 JavaScript 代码并获取控制台输出。&lt;br /&gt;•   &lt;b&gt;Input&lt;/b&gt;：模拟底层的鼠标、键盘和触摸输入。&lt;br /&gt;•   &lt;b&gt;Target&lt;/b&gt;：发现并连接到不同的页面、Iframe 或 Service Worker。&lt;br /&gt;&lt;br /&gt;&lt;b&gt;为什么直接操作原生 CDP 非常困难？&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;虽然发送 JSON 指令看起来很简单，但维护浏览器状态却极其复杂：&lt;br /&gt;&lt;br /&gt;1.  &lt;b&gt;动态生命周期&lt;/b&gt;：页面导航会销毁旧的 JavaScript 执行上下文并创建新的上下文。一旦发生跳转，之前的对象 ID 和引用都会失效。&lt;br /&gt;2.  &lt;b&gt;多进程架构（Site Isolation）&lt;/b&gt;：为了安全，浏览器会将跨站点的 Iframe 放在不同的渲染进程中。在 CDP 中，这意味着它们会被作为不同的 Target 暴露，你需要自己管理复杂的 Session 树。&lt;br /&gt;3.  &lt;b&gt;协议演进快&lt;/b&gt;：CDP 的方法会随着 Chromium 的更新而频繁变动，维护兼容性成本极高。&lt;br /&gt;&lt;br /&gt;因此，在实际开发中，更推荐使用 Playwright 或 Puppeteer 这样成熟的库。它们帮我们处理了繁琐的等待、定位和生命周期管理，只在需要更底层能力时才向外暴露 CDP 会话。&lt;br /&gt;&lt;br /&gt;理解 CDP 的工作原理，能让我们在构建浏览器自动化工具或浏览器 AI Agent 时，做出更合理的架构设计。&lt;br /&gt;&lt;br /&gt;原文链接：&lt;a href=&quot;https://x.com/kylejeong/status/2078196340216185127&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://x.com/kylejeong/status/2078196340216185127&quot;&gt;https://x.com/kylejeong/status/2078196340216185127&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8%E8%87%AA%E5%8A%A8%E5%8C%96&quot; title=&quot;#浏览器自动化&quot;&gt;#浏览器自动化&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Chrome&quot; title=&quot;#Chrome&quot;&gt;#Chrome&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23CDP&quot; title=&quot;#CDP&quot;&gt;#CDP&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7&quot; title=&quot;#开发者工具&quot;&gt;#开发者工具&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Web%E5%BC%80%E5%8F%91&quot; title=&quot;#Web开发&quot;&gt;#Web开发&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://x.com/kylejeong/status/2078196340216185127&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;How Agents actually use your browser: A guide to CDP (Chrome DevTools Protocol)&quot;&gt;
  &lt;i class=&quot;link_preview_right_image&quot; style=&quot;background-image:url(&apos;https://cdn4.telesco.pe/file/c4G3gxpMtdNUc5XwblvipR4ll-yO9SgvqzUuQEv3-3iulrwsOCXC777HICG2PQy4lq7furjuU7-hjNFPUiORziTtRtHvSwBcAq6rA-QpDAXdsT0tAwfO7NBiTQDrr6qfe35ozplX4SIfthUSUOxE_vu8v_NZdw-RJ5QwrD0q2Pa1zxBORVe39sSSksgBquDYxauf_-YbAVVpahFE1X7fVihnGMXR1PjATnpiAQpAKyyR8P-xDComDpBorrX5mqFzwbPIdHgOH_mbBePn_sLhHAKlGFcy6GOVwvwuXszFP16P2R2b6gPWDR2ux9Xsh7c5yMzJaCItmq7G3KMXQzx17A.jpg&apos;)&quot;&gt;&lt;/i&gt;
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;X (formerly Twitter)&lt;/div&gt;
  
  &lt;div class=&quot;link_preview_title&quot;&gt;Kyle Jeong (@kylejeong) on X&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;How Agents actually use your browser: A guide to CDP (Chrome DevTools Protocol)&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>Steel：为 AI Agent 打造的开源云端浏览器基础设施Steel 是一个开源的浏览器 API，用来在云端按需启动并控制“浏览器集群”，让 AI Agent、自动化脚本把能力真正带到网页上运行</title><link>http://drafts.miantiao.me/posts/87</link><guid isPermaLink="true">http://drafts.miantiao.me/posts/87</guid><pubDate>Thu, 01 Jan 2026 07:43:43 GMT</pubDate><content:encoded>&lt;b&gt;Steel：为 AI Agent 打造的开源云端浏览器基础设施&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Steel 是一个开源的浏览器 API，用来在云端按需启动并控制“浏览器集群”，让 AI Agent、自动化脚本把能力真正带到网页上运行。&lt;br /&gt;&lt;br /&gt;它适合做什么？&lt;br /&gt;&lt;br /&gt;•   大规模网页抓取与数据采集（也支持更稳定的反爬配置）&lt;br /&gt;•   自主 Web Agent（下单、订票、填写表单等真实操作流程）&lt;br /&gt;•   模型训练数据采集、AI 购物助手、RPA/销售自动化、QA 测试、客服自动化&lt;br /&gt;&lt;br /&gt;核心能力概览&lt;br /&gt;&lt;br /&gt;•   Sessions API：一行调用启动浏览器会话&lt;br /&gt;•   自动 CAPTCHA 处理：减少流程中断&lt;br /&gt;•   代理与指纹控制：降低被识别为机器人的概率&lt;br /&gt;•   快速启动：平均会话启动时间低于 1 秒（同区域更快）&lt;br /&gt;•   长会话：单个会话最长可跑 24 小时&lt;br /&gt;•   上下文复用：保存/注入 Cookies 与本地存储，续跑更顺畅&lt;br /&gt;•   低改动迁移：Puppeteer/Playwright/Selenium 通过少量改动即可上云&lt;br /&gt;•   可观测性：提供会话查看器，支持实时/录制回放调试&lt;br /&gt;•   安全登录：帮助自动化访问需要登录的站点&lt;br /&gt;&lt;br /&gt;价格与开源&lt;br /&gt;&lt;br /&gt;•   提供免费档起步（按浏览器小时/代理带宽/CAPTCHA 计量），也有从个人到企业的多档套餐&lt;br /&gt;•   项目开源，可本地运行或用 Docker 自托管（官方 GitHub 仓库提供）&lt;br /&gt;&lt;br /&gt;原链接：&lt;a href=&quot;https://steel.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://steel.dev/&quot;&gt;https://steel.dev/&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8%E8%87%AA%E5%8A%A8%E5%8C%96&quot; title=&quot;#浏览器自动化&quot;&gt;#浏览器自动化&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23AI%E4%BB%A3%E7%90%86&quot; title=&quot;#AI代理&quot;&gt;#AI代理&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Web%E6%8A%93%E5%8F%96&quot; title=&quot;#Web抓取&quot;&gt;#Web抓取&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E5%BC%80%E6%BA%90%E5%B7%A5%E5%85%B7&quot; title=&quot;#开源工具&quot;&gt;#开源工具&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E4%BA%91%E5%9F%BA%E7%A1%80%E8%AE%BE%E6%96%BD&quot; title=&quot;#云基础设施&quot;&gt;#云基础设施&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://steel.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Steel is open-source browser infrastructure for AI agents. Run scalable cloud browser sessions for web automation through a simple developer API.&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;steel.dev&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Steel | Browser Infrastructure for AI Agents&quot; src=&quot;https://drafts.miantiao.me/static/https://cdn4.telesco.pe/file/rWqAGA1f9s07CppyuF6LsnSwyprk2_PE4BCQ2qWMrhlNpsTdZ7KjClkrlUy20iwgIInmSWCBB8ehwKIYu3K2OkbFyZm6A5fJRCcDjLqE2BJDnM3uh5zJHWQj4OurDN3EPSQq5uT2SUgIVwLRSE5AQVZq4NUCYXn_91lrFOx-QTavD71VfFJX8X5WjDABkeum9Ql4KpH36CgRsNhUppr92fw9aCQhTfodyTbuf8egmagf7Ku9dxi7ui0AiCm3rL73jX6AKAaRjWfxtzwCF6-i-r_eVMVJslyIZUL6ULtU-21J3h0fc2mcoVymLVSpyFOM2coqBsyIQO1_IcX7LoGrnw.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;Steel | Browser Infrastructure for AI Agents&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Steel is open-source browser infrastructure for AI agents. Run scalable cloud browser sessions for web automation through a simple developer API.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>