html转exe并非真正编译，而是打包浏览器内核与网页文件；electron跨平台但体积大，webview2轻量但仅限windows；资源路径需按框架规范处理，避免file://安全限制导致图片等加载失败。
HTML 文件不能直接转成真正意义的可执行程序
所谓“HTML 转 EXE”，本质是把浏览器内核（比如 Chromium 或 IE）和你的 HTML、CSS、JS 打包进一个外壳程序里，运行时启动内置浏览器加载本地文件。它不是编译，不生成机器码，也不是真正的“独立可执行程序”——仍依赖 Web 渲染逻辑，且图片等资源路径极易出错。
用 WebView2 或 Electron 是目前最靠谱的方案
Electron 适合功能较重、需要 Node.js 集成或跨平台发布的场景；WebView2（Windows 平台）更轻量、启动快、资源占用低，但仅支持 Windows 10/11。
- Electron 打包后体积通常 >100MB，因为自带完整 Chromium；WebView2 可复用系统已安装的 Edge WebView2 运行时（
Microsoft.WebView2.Runtime），最小化安装包可压到几 MB - Electron 的
main.js和index.html路径默认基于项目根目录；WebView2 在 C# 中需用Environment.CurrentDirectory或Application.StartupPath拼接 HTML 路径，否则file://加载失败 - Electron 的图片路径推荐用相对路径 +
__dirname构造绝对 URL：path.join(__dirname, 'assets', 'logo.png')；WebView2 中若用Navigate("index.html")，图片路径必须相对于index.html所在目录，不能写成C:\xxx\img.png
file:// 协议下图片路径失效的典型表现和修复
打包后双击运行，HTML 正常显示，但所有 <img src="img/logo.png"> 全部空白，控制台报错 Not allowed to load local resource —— 这是浏览器安全策略拦截，不是路径写错了。
- 根本原因：现代浏览器（包括 Electron 内置 Chromium 和 WebView2）对
file://页面施加了严格的同源限制，禁止通过file://加载子资源（如图片、CSS、AJAX）除非显式启用标志或换加载方式 - Electron 中可在
webPreferences开启webSecurity: false（仅调试用，上线禁用），或改用loadFile()替代loadURL('file://...')，后者自动处理本地资源路径 - WebView2 中必须用
EnsureCoreWebView2Async()初始化后再调用Navigate("index.html")，且 HTML 中图片路径必须为相对路径；若仍失败，可改用data:URI 内联小图，或把图片 Base64 编码写死在 HTML 里
第三方“HTML转EXE”工具的风险点
像 ExeOutput for PHP、Web2Exe、某些国产“一键打包”工具，多数基于老旧 IE 内核或自研精简浏览器，存在明确兼容性与安全缺陷。
- 它们通常把 HTML、图片全塞进资源段（
.res），运行时解压到临时目录再用file://加载 —— 一旦杀软拦截临时目录，整个程序白屏 - 对
<canvas></canvas>、fetch()、localStorage等 API 支持极差，甚至不支持 ES6 语法；遇到SyntaxError: Unexpected token 'const'别怀疑代码，先换工具 - 无法处理动态路径：比如 JS 里拼接
./data/ + id + '.json'，这类工具基本无法预测并打包所有可能路径下的文件，结果就是 404
真正要稳定交付，别贪“一键”。Electron 用 electron-builder 配 extraResources 显式声明图片目录；WebView2 用 C# 的 CopyTo() 把 assets 复制到输出目录，路径问题就可控了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
