zoukankan      html  css  js  c++  java
  • 微信小程序中的 web-view 组件

      web-view 是一个可以承载 web 网页的容器,当 WXML 文件中存在 web-view 组件时,其他组件会自动全部失效,而且 web-view 承载的组件会自动铺满小程序的整个页面。其他组件的内容将不再显示。

    使用方法:

      <web-view src="https://baidu.com"></web-view>

    注意事项:

      1. src 属性的值是一个网页链接,且该链接必须在小程序管理后台中的域名白名单中。

      2. 用户在分享是可以获取当前页面 <web-view> 的 src 的值,在页面的 onShareAppMessage 事件中可以获取到该值。

        即: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' ){
             // 如果在小程序中,做相应处理
           }      })

         

  • 相关阅读:
    Node Sass version 5.0.0 is incompatible with^4.0.0
    解决vue-cli引入sass,报错:this.getResolve is not a function问题
    解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass
    针对【create-nuxt-app新版本v3.2.0】构建项目时没有server配置以及运行后弹出收集匿名数据选项等问题的解决方法
    create-nuxt-app创建出来的目录没有server文件夹
    Redis安装(Windows环境下Redis安装)
    koa2中间件,路由,cookies
    用同步的写法来执行异步操作, async, awiat
    koa2 安装与启动
    练习:自己写一个容器ArrayList集合 一一数组综合练习
  • 原文地址:https://www.cnblogs.com/yaoyuqian/p/8241347.html
Copyright © 2011-2022 走看看