AI 生成的 HTML 页面上线前检查清单（12 项）

**直接回答：**AI 生成的 HTML 在发给别人之前，至少检查三类问题：文件本身（是否完整、有没有声明 UTF-8 编码和手机 viewport、有没有本地路径）、内容安全（有没有密钥和隐私信息、表单是否真的能收数据）、发布后验收（无痕窗口、手机流量和 Wi-Fi、微信里自测、记下有效期）。下面 12 项逐项过一遍，大部分问题都能在发出去之前发现。

A. 文件本身

1. 是完整文档吗？ 要有 <!doctype html>、<head> 和 <body>，不能只是片段。AI 只给了修改片段时，追问“请给出修改后的完整 HTML”。
2. 声明了编码吗？ <head> 里必须有 <meta charset="utf-8">，否则中文容易乱码。
3. 适配手机吗？ 要有 <meta name="viewport" content="width=device-width, initial-scale=1">，否则手机上字会很小、要来回缩放。
4. 有没有本地路径？ 在代码里搜索 file://、C:\、/Users/、./images/。只上传单个 HTML 时，这些引用都会失效，图片和样式不会显示。改成公网地址，或者把资源内嵌进 HTML。
5. 外部资源能访问吗？ CDN 上的字体、脚本、样式库，在对方的网络环境里不一定能加载。关键样式最好直接写在 <style> 里。

B. 内容与安全

6. 有没有密钥？ 搜索 sk-、api_key、token、secret。网页里的一切都会被访客看到，包括 JavaScript 源码。
7. 有没有隐私信息？ 真实姓名、手机号、身份证号、内部数据，发布前先删掉或换成示例内容。
8. 表单能收数据吗？ 单文件托管不带数据库。页面上有表单，不代表提交的内容会被保存。需要收集信息时，要准备自己的接收端，并实际提交测试一次；不需要就把表单去掉。

C. 发布后验收

9. 用无痕窗口打开：确认不需要登录也能看到页面。
10. 手机流量和 Wi-Fi 各打开一次，最好再找一位用不同运营商的人试一下。
11. 要发微信的，先发给自己，在微信里点开确认；打不开就提示对方用浏览器打开。原因和办法见微信里打不开 HTML 文件怎么办。
12. 记下有效期并保留原始文件：很多免费链接会过期（dochost 免费版公开 7 天、私密 3 天），长期使用请换成永久链接，分享链接不应该是唯一备份。

可以直接复制的自检模板

[ ] 有 doctype / head / body
[ ] <meta charset="utf-8">
[ ] viewport
[ ] 没有 file:// 和 ./images/ 这类本地路径
[ ] 关键样式不依赖外部 CDN
[ ] 没有密钥、隐私数据
[ ] 表单有真实的接收端（或去掉表单）
[ ] 无痕窗口能打开
[ ] 手机流量、Wi-Fi 都能打开
[ ] 微信里先发给自己点开
[ ] 中文无乱码，宽表格不溢出
[ ] 记下过期时间，保留源文件

让 AI 一次输出“好检查”的 HTML

下面这段提示词在豆包、DeepSeek、Kimi、腾讯元宝、通义千问里都能用，能提前避开清单里的大部分问题：

拿到代码后怎么发布成链接，见国内 AI 生成网页发布成链接的通用教程。

不同情况选什么工具

dochost 没有 ICP 备案，页面由 Cloudflare 的海外节点提供，大陆各地打开速度和微信内打开情况我们没有验证过，更适合短期分享。工具之间的详细对比见 HTML 文件怎么发给别人 和 免费 HTML 托管。

常见问题

为什么中文变成了乱码？

最常见的原因是缺少 <meta charset="utf-8">，或者文件不是以 UTF-8 编码保存的。把这行加到 <head> 的最前面，并用 UTF-8 重新保存文件。

为什么图片在电脑上能显示，发成链接后就不显示了？

HTML 引用的是你电脑上的本地图片（比如 ./images/logo.png）。只上传 HTML 文件时，图片不会跟着上去。改成公网图片地址，或者把图片转成 base64 内嵌进 HTML。

网页里写了 API Key，设成“私密”是不是就安全了？

不安全。dochost 的“私密”只表示不出现在发现页，拿到链接的人仍然能打开并查看源码。任何密钥都不应该出现在网页里。

清单要全部做完才能发吗？

临时发给熟人看，至少做第 2、4、6、11 项：编码、本地路径、密钥、微信自测。正式对外发布时，建议 12 项都过一遍。