web-view白屏或报错因App端仅支持https/http绝对URL，不支持相对路径或本地HTML；跨端通信需用uni.postMessage桥接；微信小程序限制极严，需平台判断并分端实现。
uni-app里用web-view打开网页，为什么白屏或报错Invalid URL
直接传相对路径或本地html文件（如./pages/web/index.html）会失败——web-view在App端只接受https、http协议的绝对URL，不支持本地资源路径。H5端虽能加载相对路径，但App端完全不认。
实操建议：
- 把要展示的网页部署到HTTPS服务器，哪怕只是本地起个
http-server并配好HTTPS代理，确保地址以https://开头 - 若必须加载本地HTML，改用
plus.webview.create（仅App端），配合evalJS做交互，但失去跨端一致性 - 检查URL是否含中文、空格或特殊字符，需用
encodeURIComponent编码后再拼入src属性
App内web-view如何调用uni-app方法（H5→App）
不能直接调用uni.系列API，web-view里的网页运行在独立Webview上下文，和Vue页面隔离。必须通过uni.postMessage + @message事件桥接。
实操建议：
- H5网页中调用
window.webkit.messageHandlers.uniWebview.postMessage（iOS）或document.addEventListener('UniAppJSBridgeReady')后使用uni.postMessage（Android需等桥就绪） - uni-app页面监听
@message事件：onMessage里解析event.detail.data - 注意：
postMessage只能传可序列化对象，不能传函数、DOM节点或undefined
uni-app怎么向web-view网页注入JS（App→H5）
App端主动执行JS需用injectJS，但web-view组件本身不提供该方法。得先拿到底层Webview实例，再调用原生接口。
实操建议：
- 用
ref获取web-view引用，再通过this.$refs.webView.$el访问DOM，在App端用plus.webview.getWebviewById查对应Webview - iOS需调用
evalJS，Android用evaluateJavascript，两者参数格式不同：iOS传字符串，Android需包裹成javascript:...协议 - 推荐封装统一方法：
evalInWebView(webview, jsCode)，内部判断平台后分发，避免每次写条件判断
为什么web-view在微信小程序里无法通信或跳转失败
微信小程序对web-view限制极严：域名必须在后台配置业务域名，且不支持postMessage与父页面通信（@message事件始终不触发），也不能调用uni.navigateTo等路由API。
实操建议：
- 微信小程序中放弃
web-view内跳转逻辑，改用web-view的bindload监听加载完成，再用location.href跳转新页（受限于同域） - 若需双向通信，必须走服务端中转，或改用小程序原生
web-view的bindmessage（需网页调用wx.miniProgram.postMessage） - 跨平台项目务必加平台判断：
uni.getSystemInfoSync().platform === 'mp-weixin'，避免在微信环境执行不可用的逻辑
实际开发中最容易忽略的是各端能力差异不是“少几个API”，而是整个通信模型不一致：App端可双向自由调用，H5端天然同源无阻，微信小程序却只单向放行。写一次逻辑跑三端，往往得按平台切三套实现。
