• 小程序 内嵌 H5 页面 webview 尼古拉斯


    优势:

    1、可以做出各种各样营销活动页,通过链接跳转,不占小程序包的大小(简直福音)

    2、内嵌H5可以及时上传服务器更新,绕过小程序漫长的审核

    3、自动铺满屏幕,其他标签会被覆盖哟

    缺点:

    1、不支持支付、不支持消息推送(H5的交互行为不算在微信体系内)

    注意:

    1、内嵌H5域名必须要配置的合法域名

    应用:

    外部H5

    首先一定要引入小程序JSSDK( https://res.wx.qq.com/open/js/jweixin-1.3.2.js )

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    </head>
    <body>
    <h5 onclick="openSdaXcx()">返回到小程序页面</h5>
    <script>
      function openSdaXcx() {
        // 这里退回到上一级页面, 也就是刚刚跳转前的页面
        wx.miniProgram.navigateBack({})
      }
    </script>
    </body>
    </html>

    原生小程序页面

    //url要写你刚刚创建那个页面的路径
    <web-view src="url"></web-view>

    跳转

     <view bindtap="forMoreInfoTap">
        点击跳转到H5页面
     </view>
     
     
     
    //JavaScript
     
    forMoreInfoTap: function () {
        wx.navigateTo({
          url: '../articles/articles',
        })
      }
    

    API 链接:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

  • 相关阅读:
    杂记-2
    2019CSP-S游记
    csp2020
    特征根法小记
    csp模拟赛低级错误及反思
    备份
    黑科技——树剖两次dfs转一次dfs!
    输出天干地支
    蓝桥0531-输出Y
    蓝桥0615-判断四位数字前后两组是否相等
  • 原文地址:https://www.cnblogs.com/xxflz/p/15701516.html
Copyright © 2020-2023  润新知