绝大多数情况下能双击打开，前提是HTML纯静态且所有资源（图片/CSS/JS）均使用正确相对路径、不依赖file://协议禁用的API（如fetch、localStorage、跨目录import等），否则会空白。
直接发 HTML 文件，对方双击就能打开吗？
绝大多数情况下能，但前提是 HTML 里没用到本地受限的资源。浏览器出于安全限制，
协议下会拦截：
、
、
（部分版本）、以及跨目录的
或
。如果页面只是纯 HTML + 内联 CSS + 内联 JS，或者所有资源（图片、CSS、JS）都放在同一文件夹下且路径写对，那打包成 ZIP 发过去，对方解压后双击
就能正常看。
怎么打包才不会“点开一片空白”？
核心是确保所有相对路径在解压后仍有效，且不依赖服务端。常见翻车点：
用了
这类绝对 URL —— 发过去肯定 404，换成相对路径如
图片路径写成
（开头带斜杠）—— 这会从根目录找，而
的“根”是磁盘根（比如 C:\），不是你项目文件夹，应改为
用了 ES6 模块（
）但没配本地服务器 —— 浏览器直接报
，要么转成
并确保所有模块都在同域下，要么干脆合并成一个内联
用了
——
下 fetch 会被阻止，改用内联 JSON 数据或删掉这部分逻辑
要不要用
标签统一路径前缀？
可以，但要小心。加了
后，所有相对链接（
、
、
）都会以当前 HTML 所在目录为基准。好处是路径更干净；坏处是：如果对方解压后没把整个文件夹一起打开（比如只双击了子目录里的某个 HTML），
会指向错位置。更稳的做法是不用
，老老实实每个资源都写
或
，并确保目录结构扁平、不嵌套过深。
有没有比 ZIP 更省事的方案？
有，但要看场景：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
如果只是临时分享、对方也懂一点，用
（需装 Node）起个静态服务，然后把本机 IP + 端口发过去，对方浏览器访问就行 —— 绕过了
限制，但要求在同一局域网
如果页面极小（data:text/html;base64,... 编码生成链接（注意长度限制和中文乱码）
想一劳永逸？用
或
构建出纯静态产物（
），输出的
文件夹就是开箱即用的 ZIP 内容，连路径都帮你理好了
最常被忽略的是：很多人测试时用 VS Code Live Server 看得好好的，一发 ZIP 就崩 —— 因为 Live Server 是
协议，而 ZIP 解压后是
，两者权限天差地别。发之前务必关掉所有本地服务，用纯文件方式再测一遍。
file://XMLHttpRequestfetchlocalStorageiframeimportindex.htmlhttp://localhost:3000/style.css./css/style.css/images/logo.pngfile://./images/logo.pngimportCross-Origin Request Blockedscript type="module"fetch('./data.json')file://baseimg srclink hrefa hrefbasebase./xxx../xxxnpx serve -sfile://ViteParcelvite builddist/http://file://