uniapp组件 web-view 注意事项

明日之后

• 小程序仅支持加载网络网页，不支持本地html
• 补充说明：app-vue下web-view组件不支持自定义样式，而v-show的本质是改变组件的样式。即组件支持v-if而不是支持v-show。
• 小程序端 web-view 组件一定有原生导航栏，下面一定是全屏的 web-view 组件，navigationStyle: custom 对 web-view 组件无效。
• App 端使用 uni.web-view.js 的最低版为uni.webview.1.5.2.js
• App 平台同时支持网络网页和本地网页，但本地网页及相关资源（js、css等文件）必须放在 uni-app 项目根目录->hybrid->html 文件夹下或者 static 目录下，如下为一个加载本地网页的uni-app项目文件目录示例：
• nvue web-view 必须指定样式宽高
• App 网页向应用 postMessage 为实时消息
• app-nvue web-view 默认没有大小，可以通过样式设置大小，如果想充满整个窗口，设置 flex: 1 即可，标题栏不会自动显示 web-view 页面中的 title。如果想充满整个窗口且想要显示标题推荐使用 vue 页面的 web-view(默认充满屏幕不可控制大小), 想自定义 web-view 大小使用 nvue web-view
  

• <web-view> 组件默认铺满全屏并且层级高于前端组件。App端想调节大小或在其上覆盖内容需使用plus规范。
• <web-view> 组件所在窗口的标题，跟随页面的 <title> 值的变化而变化（不含H5端）。
• App-vue的web-view加载的html页面可以运行plus的api，但注意如果该页面调用了plus.key的API监听了back按键（或使用mui的封装），会造成back监听冲突。需要该html页面移除对back的监听。或按照上面的示例代码禁止网页使用plus对象。app-nvue页面的web-view组件不能运行plus API。
• uni.webview.js 最新版地址：https://js.cdn.aliyun.dcloud.net ... ni.webview.1.5.2.js
• 小程序平台，个人类型与海外类型的小程序使用 web-view 组件，提交审核时注意微信等平台是否允许使用
• 小程序平台， src 指向的链接需登录小程序管理后台配置域名白名单。App和H5 无此限制。
  

躲猫猫啊

不错不错，这样的文章多来点吧