<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>VibeCoding on 青秋博客</title>
        <link>/zh-cn/tags/vibecoding/</link>
        <description>Recent content in VibeCoding on 青秋博客</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-cn</language>
        <copyright>青秋博客</copyright>
        <lastBuildDate>Mon, 30 Mar 2026 14:00:00 +0000</lastBuildDate><atom:link href="/zh-cn/tags/vibecoding/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Harness第三次工程化</title>
        <link>/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/</link>
        <pubDate>Mon, 30 Mar 2026 14:00:00 +0000</pubDate>
        
        <guid>/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image.png&#34;
	width=&#34;1200&#34;
	height=&#34;670&#34;
	srcset=&#34;/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image_hu_58f844339e0f101f.png 480w, /zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image_hu_83ebb7403cb28bf8.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;179&#34;
		data-flex-basis=&#34;429px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image_716989408327973.png&#34;
	width=&#34;2398&#34;
	height=&#34;3175&#34;
	srcset=&#34;/zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image_716989408327973_hu_63f5c4f5ea73a515.png 480w, /zh-cn/post/2026/03/harness%E7%AC%AC%E4%B8%89%E6%AC%A1%E5%B7%A5%E7%A8%8B%E5%8C%96/image_716989408327973_hu_63126dc371575691.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;75&#34;
		data-flex-basis=&#34;181px&#34;
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;为什么它会成为第三次工程化&#34;&gt;&lt;a href=&#34;#%e4%b8%ba%e4%bb%80%e4%b9%88%e5%ae%83%e4%bc%9a%e6%88%90%e4%b8%ba%e7%ac%ac%e4%b8%89%e6%ac%a1%e5%b7%a5%e7%a8%8b%e5%8c%96&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;为什么它会成为&amp;quot;第三次工程化&amp;quot;？
&lt;/h2&gt;&lt;p&gt;近几个月，如果你在关注 AI 工程圈的讨论，一定会听到 Harness 工程这个词。&lt;/p&gt;
&lt;p&gt;不少文章把它神化了。但说老实话，&lt;strong&gt;它其实就是一个必然的阶段&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;让我用一个框架来解释这个必然性，以及为什么作为独立开发者或创业团队，你现在应该开始关注它。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;三次工程化的演进脉络&#34;&gt;&lt;a href=&#34;#%e4%b8%89%e6%ac%a1%e5%b7%a5%e7%a8%8b%e5%8c%96%e7%9a%84%e6%bc%94%e8%bf%9b%e8%84%89%e7%bb%9c&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;三次工程化的演进脉络
&lt;/h2&gt;&lt;h3 id=&#34;第一次prompt-工程让模型听懂你&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%b8%80%e6%ac%a1prompt-%e5%b7%a5%e7%a8%8b%e8%ae%a9%e6%a8%a1%e5%9e%8b%e5%90%ac%e6%87%82%e4%bd%a0&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第一次：Prompt 工程（让模型听懂你）
&lt;/h3&gt;&lt;p&gt;2022-2023 年，ChatGPT 出来了。大家都在做一件事：&lt;strong&gt;怎么写提示词让模型给我想要的回答&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;这是对的。Prompt 工程解决的是一个最基础的问题：人-模型的沟通问题。&lt;/p&gt;
&lt;p&gt;但它有个缺陷：&lt;strong&gt;每次都是一轮对话&lt;/strong&gt;。你给一个 Prompt，模型给一个回答，完事儿。&lt;/p&gt;
&lt;p&gt;对于简单的任务（写文案、改代码段、翻译文章），这够了。但如果你要做一个需要多步骤、需要判断、需要容错的系统，Prompt 工程就开始暴露瓶颈了。&lt;/p&gt;
&lt;p&gt;一旦加入时间、上下文、外部数据的依赖，Prompt 工程的天花板就出现了。&lt;/p&gt;
&lt;h3 id=&#34;第二次context-工程让模型拿到对的信息&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%ba%8c%e6%ac%a1context-%e5%b7%a5%e7%a8%8b%e8%ae%a9%e6%a8%a1%e5%9e%8b%e6%8b%bf%e5%88%b0%e5%af%b9%e7%9a%84%e4%bf%a1%e6%81%af&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第二次：Context 工程（让模型拿到对的信息）
&lt;/h3&gt;&lt;p&gt;2023 年下半年开始，大家发现了一个规律：&lt;strong&gt;给模型的信息质量，往往比 Prompt 怎么写更重要&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;于是 RAG（检索增强生成）、向量数据库、分割策略、检索排序，这些技术开始被广泛讨论。&lt;/p&gt;
&lt;p&gt;Context 工程的核心思想是：与其反复调 Prompt，不如确保模型看到的上下文是对的。&lt;/p&gt;
&lt;p&gt;这个阶段确实解决了一大类问题。特别是对于有明确知识库的应用（客服、文档 QA、行业咨询），Context 工程能明显提升准确率。&lt;/p&gt;
&lt;p&gt;但这里又出现了第二个矛盾：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;即使信息是对的，模型也不一定能稳定地利用它。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;特别是当系统要做编排、决策、工具调用时，单纯提升 Context 质量，还不够。你需要的是整个系统的逻辑健壮性。&lt;/p&gt;
&lt;h3 id=&#34;第三次harness-工程让系统在真实环境里可控可测可迭代&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%b8%89%e6%ac%a1harness-%e5%b7%a5%e7%a8%8b%e8%ae%a9%e7%b3%bb%e7%bb%9f%e5%9c%a8%e7%9c%9f%e5%ae%9e%e7%8e%af%e5%a2%83%e9%87%8c%e5%8f%af%e6%8e%a7%e5%8f%af%e6%b5%8b%e5%8f%af%e8%bf%ad%e4%bb%a3&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第三次：Harness 工程（让系统在真实环境里可控、可测、可迭代）
&lt;/h3&gt;&lt;p&gt;这就引出了 Harness 工程。&lt;/p&gt;
&lt;p&gt;如果说 Prompt 工程是&amp;quot;和模型聊天&amp;quot;，Context 工程是&amp;quot;给模型喂数据&amp;quot;，那 &lt;strong&gt;Harness 工程就是&amp;quot;给系统装上方向盘和刹车&amp;quot;&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;Harness，英文字面是&amp;quot;采集、驾驶、掌控&amp;quot;。它的核心不是让模型更聪明，&lt;strong&gt;而是让 Agent 系统可以在生产环境里安全、稳定、可观测地运行&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;三个维度：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;任务维度&lt;/strong&gt;：定义清晰的任务边界、成功标准、失败回退策略&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;执行维度&lt;/strong&gt;：工具编排、状态管理、重试机制、超时处理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;治理维度&lt;/strong&gt;：离线评测、在线监控、版本管理、成本与风控&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h2 id=&#34;为什么现在必须做这个阶段&#34;&gt;&lt;a href=&#34;#%e4%b8%ba%e4%bb%80%e4%b9%88%e7%8e%b0%e5%9c%a8%e5%bf%85%e9%a1%bb%e5%81%9a%e8%bf%99%e4%b8%aa%e9%98%b6%e6%ae%b5&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;为什么现在必须做这个阶段
&lt;/h2&gt;&lt;p&gt;作为一个做过几个 AI 项目的独立开发者，我见过很多项目卡在同一个地方：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Demo 非常惊艳，但一旦上线，就开始掉坑&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;原因往往不是模型不够强，而是&lt;strong&gt;系统没有预案&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;比如：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Agent 决策了半小时还没结果，怎么办？&lt;/li&gt;
&lt;li&gt;工具调用返回了一个脏数据，模型吞了，怎么办？&lt;/li&gt;
&lt;li&gt;三个 Subagent 互相反复, 陷入死循环，怎么办？&lt;/li&gt;
&lt;li&gt;成本莫名其妙翻了 10 倍，怎么发现？&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;这些不是 Prompt 问题，也不是数据库问题。&lt;strong&gt;这是工程问题&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;Harness 工程的目的，就是&lt;strong&gt;把这些问题从线上故障，变成线下可测试的 case&lt;/strong&gt;。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;一个可执行的框架&#34;&gt;&lt;a href=&#34;#%e4%b8%80%e4%b8%aa%e5%8f%af%e6%89%a7%e8%a1%8c%e7%9a%84%e6%a1%86%e6%9e%b6&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;一个可执行的框架
&lt;/h2&gt;&lt;p&gt;如果你要开始做 Harness 工程，我建议从这三步开始：&lt;/p&gt;
&lt;h3 id=&#34;第一步写任务契约&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%b8%80%e6%ad%a5%e5%86%99%e4%bb%bb%e5%8a%a1%e5%a5%91%e7%ba%a6&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第一步：写任务契约
&lt;/h3&gt;&lt;p&gt;在你写一行 Agent 代码前，先定义清楚：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;任务名称：xxx
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;输入格式：（schema）
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;输出格式：（schema）
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;拒答边界：什么条件下必须说&amp;#34;我不确定&amp;#34;而不是瞎编
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;成功标准：什么叫一个好的结果
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;这听起来有点麻烦，但它会救你的命。因为一旦定义清楚了，你就知道怎么写评测 case。&lt;/p&gt;
&lt;h3 id=&#34;第二步补齐失败路径&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%ba%8c%e6%ad%a5%e8%a1%a5%e9%bd%90%e5%a4%b1%e8%b4%a5%e8%b7%af%e5%be%84&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第二步：补齐失败路径
&lt;/h3&gt;&lt;p&gt;最常见的失败场景：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;超时：设置 deadline，到点就中断，返回&amp;quot;下次再试&amp;quot;&lt;/li&gt;
&lt;li&gt;工具失败：有没有降级方案，缓存方案，人工兜底方案&lt;/li&gt;
&lt;li&gt;决策偏航：有没有&amp;quot;我好像走错了&amp;quot;的自纠正&lt;/li&gt;
&lt;li&gt;成本爆炸：是否限流，是否降低采样&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;把这些都想清楚，&lt;strong&gt;失败就不再是&amp;quot;惊吓&amp;quot;，而是&amp;quot;计划之内&amp;quot;&lt;/strong&gt;。&lt;/p&gt;
&lt;h3 id=&#34;第三步建立观测&#34;&gt;&lt;a href=&#34;#%e7%ac%ac%e4%b8%89%e6%ad%a5%e5%bb%ba%e7%ab%8b%e8%a7%82%e6%b5%8b&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;第三步：建立观测
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;离线评测&lt;/strong&gt;：收集 10-30 个高风险样本，定期跑评测集&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;在线指标&lt;/strong&gt;：成功率、平均延迟、成本、人工接管率、用户投诉率&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;版本管理&lt;/strong&gt;：确保能快速回滚，而不是裸奔上线&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;这三个东西一起才叫&amp;quot;Harness&amp;quot;。没有观测，你就盲飞。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;现在就该开始的理由&#34;&gt;&lt;a href=&#34;#%e7%8e%b0%e5%9c%a8%e5%b0%b1%e8%af%a5%e5%bc%80%e5%a7%8b%e7%9a%84%e7%90%86%e7%94%b1&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;现在就该开始的理由
&lt;/h2&gt;&lt;p&gt;我给你三个信号，判断你是否已经进入需要 Harness 工程的阶段：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;你开始谈 SLA&lt;/strong&gt;（成功率 99%，延迟 &amp;lt;2s），而不是只说&amp;quot;效果还不错&amp;quot;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;你有线上回退计划&lt;/strong&gt;，而不是&amp;quot;改个 Prompt 试试&amp;quot;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;你关注稳定收益&lt;/strong&gt;，而不只是首轮的效果惊喜&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;如果这三个中有任何一个是真的，那你就已经进入 Harness 工程的范畴了。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;对独立开发者小团队的建议&#34;&gt;&lt;a href=&#34;#%e5%af%b9%e7%8b%ac%e7%ab%8b%e5%bc%80%e5%8f%91%e8%80%85%e5%b0%8f%e5%9b%a2%e9%98%9f%e7%9a%84%e5%bb%ba%e8%ae%ae&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;对独立开发者/小团队的建议
&lt;/h2&gt;&lt;p&gt;我知道很多人听到&amp;quot;工程&amp;quot;就头大。但 Harness 工程其实不难，&lt;strong&gt;关键是思路对&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;你不需要：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;大团队&lt;/li&gt;
&lt;li&gt;复杂的基础设施&lt;/li&gt;
&lt;li&gt;事先投入很多时间&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;你需要：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;在写 Agent 逻辑之前，先想想&amp;quot;会怎么失败&amp;quot;&lt;/li&gt;
&lt;li&gt;用简单的文本或 CSV 做离线评测&lt;/li&gt;
&lt;li&gt;用一个简单的 dashboard（比如 Google Sheets）记录关键指标&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;一个人，一周时间，就能搭出一个最小可用的 Harness 框架。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;小结&#34;&gt;&lt;a href=&#34;#%e5%b0%8f%e7%bb%93&#34; class=&#34;header-anchor&#34;&gt;&lt;/a&gt;小结
&lt;/h2&gt;&lt;p&gt;Prompt 工程决定你能不能开始。&lt;/p&gt;
&lt;p&gt;Context 工程决定你跑得快不快。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Harness 工程决定你能不能长期活下来。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;如果你现在还只在调 Prompt，也不用急。但如果你的 Agent 已经进入生产阶段，是时候开始思考 Harness 了。&lt;/p&gt;
&lt;p&gt;不是为了创意，是为了稳定。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>vibeCoding开发技巧</title>
        <link>/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/</link>
        <pubDate>Wed, 18 Mar 2026 12:00:00 +0000</pubDate>
        
        <guid>/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/</guid>
        <description>&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;生成需求文档：项目开发，先用ai写需求文档，可以把图片传给ai&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;AntdRegistry 将 antd 首屏样式按需抽离并植入到 HTML 中，以避免页面闪动的情况，适用于nextjs&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image.png&#34;
	width=&#34;2868&#34;
	height=&#34;1376&#34;
	srcset=&#34;/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image_hu_a8ed58dbefa17b91.png 480w, /zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image_hu_fc33a7af6dd5563f.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;208&#34;
		data-flex-basis=&#34;500px&#34;
	
&gt;&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;前端改 bug 用 chrome-mcp 调试&lt;/li&gt;
&lt;/ol&gt;
</description>
        </item>
        <item>
        <title>vibeCoding开发技巧</title>
        <link>/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/</link>
        <pubDate>Wed, 18 Mar 2026 12:00:00 +0000</pubDate>
        
        <guid>/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/</guid>
        <description>&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;生成需求文档：项目开发，先用ai写需求文档，可以把图片传给ai&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;AntdRegistry 将 antd 首屏样式按需抽离并植入到 HTML 中，以避免页面闪动的情况，适用于nextjs&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image.png&#34;
	width=&#34;2868&#34;
	height=&#34;1376&#34;
	srcset=&#34;/zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image_hu_a8ed58dbefa17b91.png 480w, /zh-cn/post/2026/03/vibecoding%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7/image_hu_fc33a7af6dd5563f.png 1024w&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;208&#34;
		data-flex-basis=&#34;500px&#34;
	
&gt;&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;前端改 bug 用 chrome-mcp 调试&lt;/li&gt;
&lt;/ol&gt;
</description>
        </item>
        
    </channel>
</rss>
