zoukankan      html  css  js  c++  java
  • 小程序 内嵌 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

  • 相关阅读:
    37 图的存储结构
    hdu 1272 使用set和并查集
    题目数据输入中间读入字符
    第六篇 模块基础
    第十二章 并发编程
    并发编程(四)
    第五篇 函数进阶
    第四篇 函数基础
    并发编程(三)
    并发编程(二)
  • 原文地址:https://www.cnblogs.com/xxflz/p/15701516.html
Copyright © 2011-2022 走看看