微信内置浏览器不支持 file:// 协议,必须通过 HTTP/HTTPS 服务器访问 HTML 文件;开发可用 python -m http.server,上线推荐 GitHub Pages 或 Vercel 等 HTTPS 托管服务。
微信内置浏览器不支持直接打开本地 file:// 协议的 HTML 文件,这是所有 iOS 和 Android 微信的统一限制,不是你的文件或代码有问题。
这是最常见现象,本质是微信禁止加载本地文件系统资源。哪怕你用文件管理器点开一个 index.html,再点击「分享到微信」,对方收到的也只是个无协议、无服务器上下文的文件路径,微信根本不会尝试解析它。
file://,连调试都看不到任何错误提示微信只信任通过 Web 服务器(哪怕是最简陋的)提供的页面。没有域名?没关系,用局域网 IP 或免费托管也能解决。
python3 -m http.server 8000 启动本地服务,然后在微信中访问 http://192.168.x.x:8000/index.html(确保手机和电脑在同一 Wi-Fi)GitHub Pages、Vercel 或 Netlify,获取一个 HTTPS 链接(如 https://xxx.vercel.app),直接发给微信好友即可打开即使用了 HTTP 链接,仍可能失败,常见原因如下:
立即学习“前端免费学习笔记(深入)”;
http:// 而非 https:// —— iOS 微信 8.0+ 默认拦截非 HTTPS 页面,会静默失败localStorage
、indexedDB 或 fetch() 请求未加 CORS 头 —— 微信 WebView 对跨域更敏感,容易白屏无报错 但没设 initial-scale=1.0 —— 导致页面缩放异常,看起来像“打不开”微信可用页 这个页面能在微信里正常打开
真正卡住人的地方,往往不是写不出 HTML,而是误以为「文件能本地打开」=「能发微信打开」。微信从来不是一个文件浏览器,它是个封闭的 Web 容器,只认 URL,不认路径。