codex项目打包为pwa需三步:一、在public/下创建含规范icons和绝对路径的manifest.json;二、放置sw.js并手动注入注册脚本到index.html;三、用codex serve加--static与--mime-types参数启动服务,确保响应头content-type正确,最后通过chrome application面板验证并安装。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

将Codex项目打包为可安装的PWA应用,不是简单改个图标或加个manifest就完事——它要求你显式声明离线资源范围、注册Service Worker并完成可信上下文校验,否则用户点击“添加到主屏幕”后仍会打开普通网页标签页。
准备PWA必备三要素
进入Codex项目根目录,确认已有 public/ 子目录;若无,请新建。所有静态资源(HTML、CSS、JS、图标)必须放在 public/ 下,否则后续缓存策略无法命中。
在 public/ 目录下创建 manifest.json 文件,内容至少包含 name、short_name、start_url、display、icons 字段;其中 icons 数组必须含至少一个 192×192 和一个 512×512 PNG 图标,路径需以 / 开头(如 "/icons/icon-192.png"),否则 Chrome 会拒绝安装提示。
通过 Codex CLI 生成图片,支持尺寸控制和批量模式。依赖:codex (npm)。代理默认启用。用 generate.sh 生成单张,batch_generate.sh 批量生成游戏 UI 素材,gen_size.sh 指定尺寸。所有输出保存至 ~/.codex/generated_images/。
在 public/ 目录下创建 sw.js 文件,这是 Service Worker 脚本;它不能放在 src/ 或其他非 public 目录,否则注册时浏览器报错 "Failed to register a ServiceWorker: The script has an unsupported MIME type ('text/html')"。
注入Service Worker注册逻辑
打开 public/index.html,在










