美文网首页小程序
小程序(十六)webview

小程序(十六)webview

作者: 秀萝卜 | 来源:发表于2019-03-27 09:19 被阅读0次

1.什么是webview?

它是用来显示h5页面的组件。只需传一个h5页面的地址,就可以显示该页面。
web-view会自动铺满整个小程序页面。

2.准备工作

登录小程序管理后台,把web-view需要的h5页面地址添加到配置域名白名单中。
(添加到webview 业务域名白名单中,不是request的域名白名单)
可以在开发工具,右上角详情-----域名信息中查看

3.使用webview

1.新建一个页面webview(可以随意取名)


1.png

2.在wxml里面加入如下代码:

<web-view src="https://{{url}}"></web-view>

3.配置路径

onLoad: function (options) {
    if(options.type="baidu"){
      this.setData({
        url:"www.baidu.com"
      })
    }
  },

相关文章

  • 小程序(十六)webview

    1.什么是webview? 它是用来显示h5页面的组件。只需传一个h5页面的地址,就可以显示该页面。web-vie...

  • 关于JSCore/WebView的几点笔记

    微信小程序基于JSCore+WebView开发,界面渲染和JS逻辑完全分离。小程序也是可以只基于WebView来实...

  • 小程序webview支付

    我们项目已在公众号上线,目前开发小程序,目标是直接采用webview,不需要再开发一次,但是小程序的webview...

  • 小程序webview实践 大家好,我是转转开放业务部前端负责人张所勇,今天主要来跟大家分享小程序webview方面...

  • 小程序 bindload、binderror不执行

    小程序webview上的 bindload、binderror事件不执行,经排查是webview的页面是vue项目...

  • 小程序资源

    小程序webview踩坑小程序图片转二进制微信基础库对应关系

  • 小程序webview组件,小程序和webview交互,小程序内联

    小程序支持webview以后,我们开发的好多h5页面,就可以直接在小程序里使用了,比如我们开发的微信商城,文章详情...

  • 微信小程序与Html交互

    简介 微信小程序访问html页面是通过小程序中的WebView作为网页承载容器实现的,通过配置WebView的sr...

  • 小程序

    1. 小程序的运行机制?它是怎么和微信交互的? 小程序是 WebView + 原生组件的Hybrid 方式,小程序...

  • 解决小程序中webview页面多层history返回问题

    小程序中嵌套的webview页面多层跳转后,点返回如何直接返回到小程序页面 小程序开发中遇到的问题:小程序中嵌套了...

网友评论

    本文标题:小程序(十六)webview

    本文链接:https://www.haomeiwen.com/subject/klefbqtx.html