温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

web view怎么配置

发布时间:2022-03-08 09:50:35 来源:亿速云 阅读:137 作者:iii 栏目:开发技术

这篇“web view怎么配置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“web view怎么配置”文章吧。

 ### 首先简单介绍一下web-view,看过官方api的朋友可以自动忽略忽略,直接进入---配置步骤---即可

功能介绍

web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。
类似于Frame、Iframe、Frameset标记,只是对于目前来说,web-view还缺乏灵活性,不过相信很多人已经很满足了(如果非要吐槽,我只想说,web-view生不逢我的时啊...不提了,一把辛酸泪)

使用及后期配置限制问题

  1. 个人类型与海外类型的小程序暂不支持使用。

  2. js-sdk接口限制(具体请参考 官方api )。

  3. 每个页面只能有一个< web-view />。

  4. 最多可以添加20个业务域名。

  5. 一年只可修改50次业务域名。

web-view

示例代码

 <!-- 结构层 -->
 <web-view src="h6地址链接"></web-view>

配置步骤

 1. 配置业务域名
 2. 选择基础库
① --- 配置业务域名
② --- 选择基础库

这一步是最简单的,但确实很多朋友最容易忽略的(咳咳...),开发者工具-->详情设置-->选择1.6.4及以上版本即可(目前只支持到1.6.4)。

总结:

以上说的就是web-view简单的配置流程,大部分的内容小程序的官方api都已经给出,这里只是把配置流程的步骤再进一步的详细化,变得更通俗一点,但是如果你需要在h6页面中做某些操作....
那就来看一下官方示例:快速通道

 <! -- html -->
 < script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></ script>
 // javascript
 wx.miniProgram.navigateTo({url: '/path/to/page'}) // 这里封装一下就可以跳转了...

(注:若遇到调试工具正常起跑web-view,手机微信打不开的情况,不要捉急,升级一下微信版本即可,实际项目中要做一下低版本的兼容。)

以上就是关于“web view怎么配置”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI