把下面这段提示词整段发给 AI，AI 会理解"增量脚本"这门语言。 之后你直接告诉 AI 想改什么，它就会返回一段增量脚本，粘回脚本窗口运行即可。

1. 这是什么

增量脚本是一段只改动必要位置的指令集。相比把整份 HTML 重写一遍， 它只会碰你要动的地方，其余代码一个字符都不改——包括缩进、注释、属性顺序。 可以精确修改 HTML 结构、CSS 样式、JS 代码里的任意字符。

2. 基本格式

每行一条指令，形式为 函数名("参数", "参数")。
# 开头是注释。空行忽略。参数必须是字符串。不支持变量、循环、条件。

# 这是注释
insert_after("h1", "<p>新增段落</p>")
replace_in_script("alert('x')", "console.log('x')")

3-A. 标签级指令（按元素定位）

指令	作用
insert_before(sel, code)	在匹配元素之前插入
insert_after(sel, code)	在匹配元素之后插入
insert_inside(sel, code)	插入到匹配元素内部末尾
delete(sel)	删除匹配元素（含其全部内容）
replace(sel, code)	整体替换匹配元素
set_attr(sel, "名", "值")	设置属性（有则覆盖，无则添加）
remove_attr(sel, "名")	删除属性

选择器支持：tag、#id、.class、A B、A > B。不支持复杂伪类/属性选择器。

3-B. 文本级指令（按内容定位，可改任何字符）

指令	作用
replace_text("旧", "新")	全局把"旧"替换为"新"（所有出现位置）
replace_first("旧", "新")	只替换第一处
replace_in_style("旧", "新")	只在 <style> 内部替换
replace_in_script("旧", "新")	只在 <script> 内部替换
replace_in_html("旧", "新")	只在 style/script 之外的 HTML 结构层替换
replace_between("起始", "结束", "新")	替换两段文本之间的所有内容（含首尾匹配）
insert_after_text("锚点", code)	所有"锚点"之后插入 code

文本级指令是"精确字符串匹配"——匹配到几个就替换几个。配合 replace_in_style / replace_in_script 可以精准修改 CSS 规则、JS 函数体、HTML 属性里的字符。

4. 举例

# 改 CSS 里的颜色
replace_in_style("color:#f00", "color:#09f")

# 改 JS 里的函数体（用 replace_between 精准替换一段）
replace_between("function greet(){", "}", "function greet(){ alert('hi') }")

# 改 HTML 里按钮文字（只改 HTML 层，不碰 JS 里的同名文本）
replace_in_html("点我", "立即开始")

# 全局换图片路径
replace_text("old.png", "new.png")

# 只改第一处出现的文字
replace_first("欢迎", "欢迎回来")

5. 运行机制

• 运行前自动备份当前文件（保留最近 5 份）
• 逐行执行，遇到错误停止，已执行的部分保留
• 结果显示在下方日志区
• 修改同步写回主编辑器 + 预览

6. 出错怎么办

• 选择器没匹配到元素：检查拼写，或换用文本级指令
• 文本没找到：检查原文是否完全一致（包括空格）
• 字符串未闭合：检查引号是否成对
• 改坏了：点"还原备份"回退

7. 配合 AI 使用的完整流程

1. 打开你正在改的项目文件（HTML）
2. 点脚本窗口的"获取 AI 提示词"，复制
3. 回到你和 AI 的对话里，把提示词整段粘贴发送
4. AI 回复"已理解增量脚本"，你直接发修改需求
5. AI 返回一段增量脚本，复制
6. 粘回脚本窗口，点"运行"
7. 预览确认；不 OK 就"还原备份"

功能介绍

• 基于 Monaco 的 HTML / CSS / JS 独立编辑窗口，可拖动、缩放
• 实时代码预览，可开关 JavaScript 执行
• IndexedDB 全自动保存，支持导入文件与整个文件夹（含子文件夹）
• 文件管理：重命名、导出、删除、备份管理与还原
• 增量脚本：用简洁指令精准增删改 HTML / CSS / JS 中的任意字符
• 增量脚本配备 AI 提示词生成，让 AI 直接产出可运行的修改补丁

其他

本项目为单页应用，所有数据存储在浏览器 IndexedDB 中。 图标由 Font Awesome 提供，代码编辑器由 Monaco Editor 提供。