微信小程序 - webview 动态加载(网页) 以及加载域名的限制

简介: 微信小程序 - webview 动态加载(网页) 以及加载域名的限制

  • 在微信小程序开发的时候,webview 能打开的链接为: 1、小程序关联的公众号文章连接(一个小程序可以关联多个公众号),但是不支持公众号里面的专辑链接 2、业务域名(小程序开发后台中配置的业务域名,业务域名需要在域名根目录添加效验文件)


  • 在微信小程序开发的时候封装一个动态加载指定URL的webview,但是发现设置好动态 src 之后打开 webview 页面空白一片。


  • 解决办法:重启微信小程序开发工具,再次打开即可动态加载出来指定网页,记得确定 url 是有效的网页地址。


  • index.js ``` // pages/web/index.js Page({ /**


  • 页面的初始数据 */ data: { // 将要打开的链接 url: "" },

/**


  • 生命周期函数--监听页面加载 */ onLoad: function (options) { this.setData({ // 传入的URL参数 url: options.url // 设置URL // url: "http://mp.weixin.qq.com/s?__biz=MzA5OTI4NTkxNg==&mid=100000654&idx=1&sn=2ce1460e8d9328b6d0a4d9724f418c63&chksm=1085ed7d27f2646bf6d181b9111577586d8cd88307c9708a55f529b8a65495c27801b2b9cf7c#rd" }) } }) ```


  • index.wxml


<!--pages/web/index.wxml--> <web-view src="{{url}}"></web-view>

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
2月前
|
移动开发 小程序 JavaScript
【小程序质量提优解决方案】(二)内嵌H5加载异常(404)
【小程序质量提优解决方案】(二)内嵌H5加载异常(404)
36 0
|
2月前
|
移动开发 运维 小程序
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
51 0
|
5月前
|
移动开发 小程序 JavaScript
小程序中加载html5地图界面链接
小程序中加载html5地图界面链接
58 0
|
5月前
|
移动开发 小程序 Android开发
小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示
小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示
109 0
|
6月前
|
API Android开发 数据安全/隐私保护
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
239 0
|
4月前
|
小程序
小程序的分包加载具体流程
小程序的分包加载具体流程
171 0
|
5月前
|
JSON 小程序 前端开发
小程序踩坑-http://xxx.com 不在以下 request 合法域名列表中
小程序踩坑-http://xxx.com 不在以下 request 合法域名列表中
132 0
|
1月前
|
移动开发 小程序
微信小程序配置服务器域名和业务域名
微信小程序配置服务器域名和业务域名
281 0
|
2月前
|
小程序 API 网络安全
小程序中的合法域名的作用及条件有哪些?
小程序中的合法域名的作用及条件有哪些?
|
3月前
|
小程序 Android开发
Appium微信小程序自动化之开启webview调试功能方法封装
Appium微信小程序自动化之开启webview调试功能方法封装
82 0