HTML STUDIO离线网页编辑器 · 0.75.6-web-20261013网页版候选 · 限定范围与未验事项见文档
未命名项目
设计模式:页面脚本不执行
未选择元素

对照已关闭

尚无本窗口恢复副本;请保存快照备份

浏览器恢复副本

每次打开编辑器使用独立恢复身份。浏览器存储可能被清理;快照下载仍是正式备份。

导入网站 ZIP

完整校验后才替换当前项目副本。原目录和文件字节保留,不自动去掉顶层文件夹;空目录不保留。ZIP 只包含网站源文件,不恢复组件、映射、schema 关联或历史;继续保留编辑器记录请用 .htmlstudio 快照。自建片段沿用当前片段库。

导入后从设计模式开始,不运行归档脚本。当前项目请先保存快照;这次导入建立新的撤销基线。

资源与图片

资产保持原路径与存储类型。这里只替换受支持的 PNG / JPEG / 静态 WebP 原始字节;不改名、不转换图片,也不改写 HTML、alt 文字、CSS、组件或映射。关闭会保留未应用的选择。

核对文字替换

新文字沿用选区开始处的格式,原标签、属性和未选文字保留。取消、Esc 或关闭保留输入与选区;只有“放弃替换草稿”清空它们。应用可一次撤销。
查看精确改动与完整源码

核对所选文字格式

查看精确修改位置和修改前后源码
这里只显示源码文字,不执行源码。取消、Esc 或关闭会保留范围和预览;“放弃跨标记预览”释放草稿。应用后可一次撤销。

核对移除这一层标记

查看修改前后完整源码
这里只显示源码文字,不执行源码。取消或 Esc 关闭会保留目标和草稿;请使用“放弃移除标记预览”释放草稿。应用后可一次撤销。

核对样式修改

查看修改前后完整文件

确认共享 CSS 源规则改动

查看修改文件完整源码逐个文件列出应用前与应用后的完整原文,包含未改动的部分;这里只显示文字,不执行源码。

可能使用这份样式的页面

修改整条 font 简写可能影响多个字体属性;请核对完整原值与新值,并在应用后重新检查字号和字重。这里只核对源文件,不运行脚本、不计算受影响元素数量,也不保证这些页面的元素匹配或最终外观。原文与新文使用引号和转义符显示换行;未改动的源字节保持原样。成功后可一次撤销。

JSON 结构编辑

只修改选中的严格 JSON 来源。复杂条目可以复制,校验说明与已注册稳定标识会逐一检查。应用后可一次撤销;关闭会保留未应用草稿。

搜索与替换

输入文字查找页面,点“定位画布”继续编辑。定位只选择所属元素,不修改文件;先处理未应用草稿或替换选择。

查找范围与来源说明

仅搜索已应用的源文件,区分大小写、按字面匹配。内容搜索只替换可验证的 HTML 文字和显式 JSON 字符串;源码搜索只读。CSS 隐藏元素未必可见,不推断动态 DOM 或 JavaScript。JSON 字符串不一定是文案,请按来源、字段路径核对;只保护已登记的映射身份、组件及校验说明关联。

复制当前页面

当前页面:

在同目录创建独立页面文件,原页面不变。图片、CSS、脚本仍共享;原链接保持原样。不会新增或重映射组件实例,项目级数据规则仍共享。

文件改名 / 移动

当前文件:

只修改本次导入的项目副本,不移动磁盘原件。先检查引用改动,再应用;无法安全判断动态引用时会拒绝。成功后可一次撤销,表单校验说明关联会随已确认路径更新并保留。

确认组件改动

预览不改动项目。一次应用进入一次撤销历史;冲突必须先解决。文件、选中元素、草稿或表单改变后,请重新预览。

确认布局源码改动

一次应用进入一次撤销历史;不会改变子元素在 HTML 中的顺序。

静态链接与资产检查

静态检查不会执行脚本,也不访问外部网站;动态加载、构建路由等不保证可检出。

HTML STUDIO

使用说明

导入项目 → 选择内容 → 编辑并应用 → 保存快照或导出。

键盘操作

键盘操作:用 Tab / Shift+Tab 依次移动到控件;用 Enter / 空格操作按钮或展开说明。可以在左侧“文档结构”中用键盘选择元素,不必在画布中点击。弹窗可按 Esc 关闭,或使用“取消 / 关闭 / 知道了”。Ctrl+S(Mac:⌘S)保存快照;不在输入框内时,Ctrl+Z / Ctrl+Shift+Z(Mac:⌘Z / ⌘⇧Z)撤销 / 重做项目编辑。

导入项目

1. 导入 HTML 文件,或导入整个项目文件夹以保留相对路径与图片、CSS、JS。

文字与外观

2. 设计模式点击页面文字,右侧修改后点“更新文本”。选中整块区域或带链接、强调标签的段落时,可在“分段文字”逐段编辑,保留内联标签和注释;格式应用范围可选“整个当前文字段”或“文字框内选中的文字”:后者只格式化当前源文字段中选中的部分,不跨内联标签;先应用或放弃输入草稿,再选择文字和格式。“移除一层现有标记”可明确选择无属性的 strong、em、mark 或 code,预览后只去掉该元素两处标签;内部文字、链接和标记仍保留,语义及样式可能改变。取消保留预览,放弃才会释放草稿。此操作不按文字框选区移除,也不会移除所有样式。“常用外观”可改字号、颜色、对齐和边距;高级属性与 CSS 仍在下方。源代码页支持 HTML / CSS / JS / JSON。

运行脚本预览

3. “运行脚本预览”仅用于可信项目的交互检查;动态生成的 DOM 不会被伪装成可逆源代码。返回设计模式后继续编辑。

JSON 数据

4. “JSON 数据”可编辑独立 JSON 和内嵌 JSON 数据;可显式映射渲染元素到字段,数组使用唯一稳定 ID。任意 JavaScript 不会被自动反向改写。

文件、资源与片段

5. “添加文件”可以合并到当前项目;“检查链接/资产”可定位静态引用问题。左侧可保存/插入自建 HTML 片段;它们不自动复制外部依赖。

保存、导出与恢复

6. 经常保存项目快照;单文件可点“导出当前 HTML”直接下载;项目 ZIP 保留原目录结构。单页导出不自动嵌入外部资产。工具不覆盖你的原始文件,关闭前先导出。恢复按钮可导入快照;启动时会提示可恢复的浏览器副本。

外部网络资源被预览安全策略阻止。请将依赖下载到项目中并使用相对路径。简单宽度条件可在“排版、布局与外观”中输入;其他 CSS 媒体表达式可使用精确规则编辑器。UTF-8 文本可编辑,其他编码应先转换。

组件与跨页同步

7. 左侧“组件与跨页同步”可从源根元素创建静态组件、插入实例、保存定义并显式预览整批同步。手工修改的实例会阻止同步;可明确采纳它的内容为定义或解除关联。CSS/图片等依赖不会自动复制;组件关联仅随项目快照保存,不随网页 HTML / ZIP 导出。

响应式对照

8. 可视画布上方可开启两个/三个响应式画布;对照只读取已应用的源文件。点击对照元素或“在主画布编辑”会切换主画布宽度,所有修改仍写回同一源文件。独立滚动,不模拟完整手机设备;运行脚本预览时会释放额外对照。

JSON 表单与结构

9. 在 JSON 数据页先选择字段,可用“字段表单”直接输入文字、数字或是/否。可选项目中的本地校验说明文件;未支持的说明会明确拒绝。对象/数组可用“调整 JSON 结构”明确新增字段、插入或复制条目、删除和调整顺序;先预览完整源补丁再应用。说明关联随快照和浏览器恢复副本保存;可在“校验说明关联”中查看状态或移除失效关联,可撤销。网页 HTML / ZIP 不包含关联元数据。选择已有对象并点击“编辑对象字段”,可同时修改已声明的现有文字、数字和布尔字段;所有改动一起校验、预览并一次撤销。关闭或取消预览保留输入,明确放弃才清空;数组、缺失字段和已登记编号保持原样。

文件改名与移动

10. 文件列表下方“重命名 / 移动文件”只处理可明确验证的静态引用图:先预览路径和引用,再一起应用。带动态脚本/JSON 或歧义依赖时会拒绝,不强行猜测。只改项目副本,不能移动磁盘原件。

CSS 规则与声明

11. “源 CSS 规则 / 声明”先选择具体来源,再修改选择器或一条声明;点击预览,核对精确原文、新文与静态声明关联的潜在共用页面,确认后一次应用。取消会保留输入;切换目标或导出前,请先应用或明确放弃 CSS 草稿。页面关联不保证规则匹配、最终外观或实际受影响元素数量。

排版、布局与外观

12. “排版、布局与外观”会列出项目来源,含当前未激活的宽度条件。选择准确规则后,只设置需要改变的字段;未设置、复杂值和重复声明会单独说明。新增宽度范围必须从无条件顶层规则开始,明确输入 320–3840 CSS px;不会使用当前画布宽度或自动合并已有规则。逐边 margin / padding 使用明确数值与 px、rem、em、%、ch 或无单位 0;margin 另支持负数和 auto。普通简写可设置单边并保留其他边,移除简写须明确选择同时移除四边来源;混合、重复、逻辑属性和未知表达式保留原文,使用准确声明入口。尺寸与行列间隙字段另支持 vw、vh、vmin、vmax,尺寸关键字按属性提供 auto 或 none,间隙支持 normal;box-sizing 明确选择 content-box 或 border-box。双值 gap 改一项会保留另一项,整条移除须明确确认同时移除行、列来源。尺寸约束会共同影响实际大小,此处不比较最小值与最大值。取消保留草稿,应用一次即可一次撤销。源代码保存成功不保证该规则最终胜出,请在各宽度画布查看实际结果。

组件仅支持带唯一根 id 的单根静态 HTML;不支持框架编译。完整能力与限制见随附文档。

审阅 HTML 片段插入

插入内容是你提供的可信原始 HTML;可能改变页面外观,以及运行脚本预览或导出网页时的交互。这项检查保护源补丁和已登记身份,不净化 HTML,也不保证全部行为保持不变。

查看修改前后完整源码
取消、关闭、Escape 或拒绝都会释放本次预览,保留左侧 HTML 输入。修改任何目标或输入后须重新预览。

ZIP 导出路径与编码提示

检查范围:windows-common-v1,常见 Windows 不区分 ASCII 大小写的目标目录。解压工具可能跳过、重命名或覆盖文件;本检查不保证任何 Windows 配置下都能解压。

    范围、长度与处理方式

    以上路径检查只检查原始文件名称和目录关系,不检查内容或运行结果;非 ASCII 大小写等价、Unicode 规范化及解压工具行为不在范围内。单个名称超过 255 个 UTF-16 单元会提示;相对路径 240 个 UTF-16 单元是本应用预留空间的启发式值,不是 Windows 限制。完整目标路径还包含未知的解压目录前缀,较短的相对路径也可能超过目标限制。

    可返回项目文件列表,选择文件后点击“文件改名 / 移动”,查看现有改名流程能否更新引用。它只支持有限的静态项目;已有大小写冲突或动态代码的项目可能被拒绝,也不会一次改名整个目录。不会自动修复这些提示。

      编码检查只读原始 HTML:每文件最多扫描 512 KiB、合计 8 MiB、每页 2048 个标记起点;超出预算明确记为未知。仅确认原始前 1024 字节内完整的简单字面 UTF-8 声明或初始 UTF-8 BOM 等有限证据,不模拟全部浏览器编码探测,也不保证全部页面正常。不会自动转码、补 meta、改 MIME 或写历史;继续会保留原始字节,已有乱码风险仍在。

      建议返回后使用“保存快照”保留原始路径、字节和编辑信息。快照供继续编辑,不会解决磁盘解压问题;快照保存不依赖本次导出确认。

      核对尺寸修改

      查看全部源码改动与共享范围

      核对间隙修改

      查看全部源码改动与共享范围

      内边距候选页面

      候选只用于审查,应用前会重新核对。关闭审查保留草稿,原项目尚未改变。

      跨项目资源包审查

      核对全部源修改和资源清单。CSS可能影响已有元素;取消保留资源包与设置,不写项目。

      核对 JSON 与页面文字

      核对完整 JSON 和 HTML 修改前/候选。取消保留输入,不改文件;应用为一笔可撤销历史,不运行项目脚本。

      核对焦点样式

      这是完整源码审查,不是强制焦点或原生键盘测试。取消保留草稿;应用为一次可撤销历史。

      核对脚本 JSON 字段

      完整 HTML 修改前与候选均显示;只改一个已明确的数据 token,声明外原脚本保持。取消保留输入。

      审查对象前后关系

      只调整明确同父对象相对参照的关系,不改变DOM顺序。完整来源和共享影响如下;实际遮挡和绘制未由源码证明。

      核对动态文字来源

      候选运行原页面脚本;原项目尚未改变。这里只核对一个目标的完整文字,不证明任意脚本安全或所有显示同步。请在候选中切换状态、检查相关详情,再应用。

      完整源文件前后对照

      核对当前图片

      只修改当前图片的 src、已确认的 srcset 候选 URL 与 alt,合为一次撤销。取消保留草稿。下面仅显示此元素开始标签,其他源码和图片文件保持原字节。

      删除前核对

      一次撤销;只删除当前文件这个元素及子节点,不自动清理组件或映射记录。

      
       
       
       

      审阅取消链接

      只支持没有额外属性的普通 href 链接;内层文字、实体、注释和强调保留。会失去此链接本身的导航和默认样式。不会删除内容,也不会清空地址输入来冒充取消链接。

      查看完整修改前后源码

      审阅段落类型

      只转换当前完整段落或标题。原属性、内文、链接与强调保留;标题语义、标签选择器和浏览器默认排版可能改变,请检查真实作品。

      查看完整修改前后源码