web-view 是一个可以承载 web 网页的容器,当 WXML 文件中存在 web-view 组件时,其他组件会自动全部失效,而且 web-view 承载的组件会自动铺满小程序的整个页面。其他组件的内容将不再显示。
使用方法:1. src 属性的值是一个网页链接,且该链接必须在小程序管理后台中的域名白名单中。
2. 用户在分享是可以获取当前页面
即:onShareAppMessage:function(options){
console.log(options.webVIewUrl);
// 可进行下一步操作
}
其他功能(主要是 JSSDK 1.3.0 提供的功能):1. 功能描述:在 web-view 内嵌的网页中可以使用 JSSDK 1.3.0 提供的接口返回小程序页面。前提是必须在网页中引入 js 文件。
使用方法:
1. 页面中引入 js 文件:
- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
2. 使用提供的接口返回小程序页面:
wx.miniProgram.navigateTo,参数与用法和小程序中的 wx.navigateTo 用法一致。
wx.miniProgram.navigateBack,参数与用法和小程序中的 wx.navigateBack 用法一致。
wx.miniProgram.switchTab,参数与用法和小程序中的 wx.switchTab 用法一致。
wx.miniProgram.reLaunch,参数与用法和小程序中的 wx.reLaunch 用法一致。
wx.miniProgram.redirectTo,参数与用法和小程序中的 wx.redirectTo 用法一致。
示例: wx.miniProgram.navigateTo({
url: "pages/personal/personal"
})
2. 功能描述:
在 web-view 内嵌的网页中可以使用 JSSDK 1.3.0 提供的方法判断当前页面是否存在于小程序环境中。
使用方法:
- wx.ready(function() {
- // console.log(window.__wxjs_environment === 'miniprogram') // true
- if(
- window.__wxjs_environment === 'miniprogram'
- ){
- // 如果在小程序中,做相应处理
- }
- })
来源: http://www.bubuko.com/infodetail-2453788.html