打开 AI 生成的 HTML 文件

ChatGPT 生成的 HTML 文件怎么打开和分享？

保存为 .html 文件后用浏览器打开可本地预览；要让别人访问，需把完整 HTML 发布到线上，再分享 HTTPS 链接。

只有一段代码时，先保存成 HTML

将完整代码粘贴到文本编辑器，以 UTF-8 编码保存为 index.html。确认文件名不是 index.html.txt，也没有把开头、结尾的 Markdown 代码围栏保存进去。

如果 AI 只给了组件、修改片段或 React/Vue 工程，请它继续提供完整 HTML，或先按工程要求生成静态产物。

用浏览器本地预览

1. 找到 HTML 文件，右键选择“打开方式”。
2. 选择 Chrome、Edge 等浏览器，检查文字和布局。
3. 如果同时依赖本地图片或资源文件，保留原来的文件夹结构。

本地文件环境可能限制模块脚本、接口请求等功能；不能仅靠双击预览判断一个前端工程是否正确。也不要认为本地显示正常就已经发布到互联网。

让别人也能打开

把 C:\... 或 file:///... 地址发给别人，对方无法访问你的电脑文件。可以打开 创建页面 上传完整 HTML；多文件项目则进入 站点发布。

完成预览、费用确认、发布及需要的审核后，复制系统给出的 HTTPS 访问链接。具体步骤见 HTML 发布指南。

打不开或显示异常

• 显示代码文字：检查扩展名与打开方式，确认不是把代码当文本查看。
• 图片、样式缺失：检查是否只上传 HTML、漏了依赖文件，参考 资源处理指南。
• 按钮没有反应：可能只有界面、脚本不完整或依赖未部署的接口，需要检查实际代码。
• 保存内容换设备不见：检查是不是本地存储，参考 云端保存指南。