主流AI平台网页生成能力横评

chat.deepseek.com

杭州深度求索人工智能基础技术研究有限公司推出的大语言模型，也是我最早接触的AI大模型产品，目前其专家模式表现相当出色。我们可以直接通过指令提示，让其输出HTML网页代码。

2、豆包

www.doubao.com

北京字节跳动科技有限公司打造的AI智能助手。

网页应用创建入口位于“更多”菜单下的“应用生成”选项

yuanbao.tencent.com

深圳市腾讯计算机系统有限公司推出的AI产品。

网页应用创建入口位于“工具”菜单下的“编程”选项。跳转后的新页面中，点击“网页生成”功能。

xinghuo.xfyun.cn/desk

科大讯飞股份有限公司开发的AI平台。直接使用“代码生成模式”即可生成网页。

10.飞象老师

二、提示词优化工具

【提示词】请为我生成一个托里拆利实验的交互式HTML网页。要求：1. 使用HTML+CSS+JavaScript实现，所有代码在一个文件中。2. 可视化展示一个倒置的水银柱玻璃管，水银柱高度随大气压变化而动态调整。3. 提供滑块或输入框让用户调节大气压值（单位：mmHg）和玻璃管的倾斜角度，水银柱高度实时响应。4. 显示当前大气压值和水银柱高度数值。5. 界面简洁美观，带有实验说明文字。6. 使用Canvas或SVG绘制图形。请直接输出完整的HTML代码。

上述这段文字是我用于创建网页应用的提示词。这段提示词，我是使用云知师AI平台生成的。

云知师，网址为yunzhishi.zzz4ai.com

上海胆大求索科技有限公司研发的AI教学平台，其核心团队为华东师大数据科学与工程学院团队。

登录平台后，点击“教师教研发展”——“5S提示词优化”。这个工具目前限时免费开放。

三、程序的下载

1.DeepSeek

需要点击“下载”按钮。

2.豆包

点击“下载到本地”

3.千问

点击“预览”按钮。。

再点击“下载”按钮。

4.元宝

点击“下载到本地”

5.智谱清言

点击“下载”按钮

6.Kimi

没有下载按钮，点击“复制”，将代码粘贴到文本文档，另存为.html格式。。

7.文心一言

点击“导出”按钮。

8.天工

直接点击网页名称右边的“下载”按钮。

9.讯飞星火

点击“下载”按钮。

10.飞象老师

点击“下载”按钮。

四、生成效果对比

基于此，我把10个平台生成的10个网页程序分别以平台名称命名，存放在一起。接下来，我们来对比一下程序运行效果。其实，观察文件大小，你可以明显看到：飞象老师的文件远大于其他。

1.DeepSeek