微信无法直接运行本地html文件，只能通过x5内核webview加载已部署的公网url；公众号禁用js执行；小程序需备案域名并通过web-view加载https页面。
index.html。所谓“在微信中运行 HTML”，本质是让微信内置的 WebView（基于腾讯 X5 内核）加载一个**已部署的网页链接**。下面分几个关键场景说明怎么做、为什么这么选、以及容易掉坑的地方。
微信聊天窗口里打开 HTML 页面：必须走公网链接
微信聊天中点击链接后，会用 X5 内核加载网页。这意味着你不能发一个 file:///storage/emulated/0/test.html 这样的本地路径，它会直接报错或空白。
- 正确做法：把 HTML 代码托管到 GitHub Pages、Vercel、Netlify 或国内备案过的服务器上，生成类似
https://your-site.vercel.app/demo.html的地址 - 测试快捷法：用
JSBin、CodePen或JSFiddle编写后点 “Share” 得到预览链接，复制进微信即可打开 - 注意 X5 内核对某些 API 支持有限：比如
navigator.geolocation需要 HTTPS + 域名备案，WebRTC基本不可用，localStorage在部分安卓版本下有隔离限制
公众号文章里插入 HTML 代码：只渲染，不执行 JS
公众号后台的 HTML 模式（包括原生入口和壹伴助手的 源代码编辑）本质是富文本排版工具，它会解析并渲染 HTML 标签结构，但剥离或禁用 script 标签和内联事件（如 onclick）。
- 能用的：
<div>、<code><span></span>、<img>、<style></style>（仅支持部分 CSS 属性，如margin、color，但不支持transform或@keyframes） - 会被过滤的：
<script></script>、<iframe></iframe>（除非是白名单域名）、javascript:协议、onload/onclick等 handler - 壹伴助手的实时预览功能很实用，但它预览的是微信客户端最终渲染效果——不是 Chrome 效果，所以别依赖开发者工具里的样式调试结果
- 必须是企业/政府类小程序主体，个人类型无法配置
web-view - 目标 URL 域名必须提前在小程序后台的「业务域名」中备案并添加，否则白屏且无报错提示
-
web-view加载的页面无法直接调用小程序 API（如wx.getLocation），需通过postMessage双向通信，且要求页面使用 HTTPS - 不要试图在
web-view里加载本地 HTML 字符串（如data:text/html,...），X5 内核不支持 data 协议 - 用手机浏览器（Chrome/Safari）打开你的公网链接，确认基础布局和响应式没问题
- 再用微信“文件传输助手”发一遍链接，重点看 X5 内核下的兼容表现（比如 flex 布局错位、字体 fallback 失效）
- 对动画或交互要求高的页面，建议放弃纯 HTML 方案，改用小程序原生组件重写，
web-view不适合承载核心功能
小程序里加载 HTML：web-view 是唯一合法通道
如果你需要真正执行 JS、调用微信 API、做交互逻辑，web-view 组件是唯一合规方式，但它有硬性前提：
临时调试 HTML 效果：避开微信，用更可控的环境
很多运营者卡在“改完代码发微信再点开看效果”的循环里，其实效率极低。真正省时间的做法是绕过微信链路：
web-view，底层仍是受限的 WebView 容器。最常被忽略的一点是：**所有方案都依赖网络可达性**——没有公网地址，就没有“运行”这回事。
